index.html

<!DOCTYPE html>
<html lang="en">
<head><script src="script.js"></script>

    <link rel="stylesheet" type="text/css" href="style.css">
   <title>Random Password generator</title>

    
</head>
<body>
    <div class="inputbox">
        <h2>Random Password generator App</h2>
        <input type="text" placeholder="Create Password" readonly="" id="password">
        <div id="btn" onclick="getPassword();">Generate Password</div>
    </div>
    <script type="text/javascript">
    function getPassword(){
    var chars = "1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUN=VWXYZ~!@#$%^&*()_+<>?:\|";
    var passwordLength = 16;
    var password = "";

    for(var i=0; i<passwordLength; i++){
        var randomNumber = Math.floor(Math.random() * chars.length);
        password += chars.substring(randomNumber,randomNumber+1);

    }

    document.getElementById("password").value = password
}
    </script>
</body>
</html>