Skip to content

Instantly share code, notes, and snippets.

@reinerBa
Last active April 11, 2023 20:30
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save reinerBa/5245703ec0a061315017653e63ae816e to your computer and use it in GitHub Desktop.
Save reinerBa/5245703ec0a061315017653e63ae816e to your computer and use it in GitHub Desktop.
TAN Generator
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.28/vue.js" integrity="sha512-/I2PC0BuPX4pgUed1MB0BodK/Wn4LJw3b9NiQVZTau2HrACEmHMf/4qGBiIaFCJsgY5GX4JcsHTP0P2pfSimpA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="index.js"></script>
<style>
*{
font-size: 14px;
font-family: arial;
}
table{
float:left;
}
</style>
</head>
<body>
<h3>
Tan Liste from __________________ for ________________________
</h3>
<div id="app">
<table>
<tr v-for="item in 100"><td>{{item}}&emsp;</td>
<td>{{ rand() }}</td>
</tr>
</table>
<table>
<tr v-for="item in 100">
<td>{{item + 100 }}&emsp;</td>
<td>{{ rand() }}</td>
</tr>
</table>
<table>
<tr v-for="item in 100">
<td>{{item + 200 }}&emsp;</td>
<td>{{ rand() }}</td>
</tr>
</table>
</div>
</body>
</html>
new Vue({
el: '#app',
methods: {
rand(){
// Code from https://stackoverflow.com/a/47496558
return [...Array(15)].map(() => Math.random().toString(36)[2]).join('').toUpperCase()
}
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment