How to generate a random letter when clicking a button in js

Question

How can I make a button with js that shows a random letter when I click it.

Answer 1

Use Math.random method along with String.fromCharCode method.

console.log(
  String.fromCharCode(
    Math.floor(Math.random() * 26) + 97
  )
)

Answer 2

Try this code:

document.getElementById("rndletter").addEventListener("click", function() {
  var result = String.fromCharCode(Math.floor(Math.random() * (122 - 97)) + 97);
  
  document.getElementById("result").innerText = result;
});

<button id="rndletter">Generate random letter</button>
<div id="result"></div>

• Math.random() with min/max range
• String.fromCharCode()

Answer 3

Try This One :

HTML File

<form name="randform">
<input type="button" value="Create Random String" onClick="randomString();">&nbsp;
<input type="text" name="randomfield" value="">
</form>

Javascript File

<script>
function randomString() {
    var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz";
    var string_length = 8;
    var randomstring = '';
    for (var i=0; i<string_length; i++) {
        var rnum = Math.floor(Math.random() * chars.length);
        randomstring += chars.substring(rnum,rnum+1);
    }
    document.randform.randomfield.value = randomstring;
}
</script>