Random Str generator

by SnehalKadwe

HTML

<div id="app">
  <h3>
    Example 1
  </h3>{{ randomString }}
  <h3>
    Example 2
  </h3>
  <p>
  Return a token based on given length
  </p>
  <div>
    <h4>
     Token: <span style="color:red;">{{ token }}</span>
    </h4>
    Enter a Length: <input type="number" v-model="length">
    <br /><br />
    <button type="button" @click="createToken(length)">Generate random string of given length</button>
  </div>
</div>

Vue

new Vue({
  el: "#app",
  data () {
    return {
			randomString: "",
      length: "",
      token: ""
    }
  },
  mounted () {
    return this.randomString = Math.random().toString(36).slice			(2);
  },
  methods: {
		createToken(length) {
    	// create a random string from given length
    	let text = Math.random().toString(36).slice(2).substring(0,length);
       this.token = text.toUpperCase();
		}
	}
});