How do I use this code with a button and form

cookiemonste

Regular Member
Joined
Aug 9, 2009
Messages
219
Reaction score
95
I'm a javascript newbie and I want to use a code that generates a random string when you click a button. here is the code

Code:
function randomString(length) {
    var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz'.split('');
    
    if (! length) {
        length = Math.floor(Math.random() * chars.length);
    }
    
    var str = '';
    for (var i = 0; i < length; i++) {
        str += chars[Math.floor(Math.random() * chars.length)];
    }
    return str;
}

// generate a random string of random length
randomString();

// generate a random string of length 8
randomString(8);
 
Example:

Code:
<html>

<head>

<script type="text/javascript">
function randomString(length) {
    var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz'.split('');
    
    if (! length) {
        length = Math.floor(Math.random() * chars.length);
    }
    
    var str = '';
    for (var i = 0; i < length; i++) {
        str += chars[Math.floor(Math.random() * chars.length)];
    }
    document.getElementById("demo").innerHTML=str;
}
</script>

</head>

<body>

<p id="demo">Place for string</p>
<button type="button" onclick="randomString(3)">Generate string (length=3)</button>
<button type="button" onclick="randomString(8)">Generate string (length=8)</button>

</body>

</html>
 
Last edited:
Back
Top