Randompassword.HTML

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>RandomPassword Genarator</title>
    <link rel="stylesheet" href="RandomPassword.css">
</head>

<body>

    <div class="Password">
        <h1> Passowrd Generator </h1>
        <h3 class="Psw" id="result">Passowrd</h3>
        <form action="" class="Form" id="PasswordGenarator">
            <label for="">Number of Characters</label>
            <div>
                <input type="range" min="1" max="50" value="10" id="NumberRange">
                <input type="number" min="1" max="50" value="10" id="RangeNumberCheckbox">

            </div>
            <label for="">Symbol</label>
            <input type="checkbox" id="Symbol">

            <label for="">UpperCase</label>
            <input type="checkbox" id="UpperCase">

            <label for="">LowerCase</label>
            <input type="checkbox" id="LowerCase">

            <label for="">Digit</label>
            <input type="checkbox" id="Digit">

            <button type="submit" class="btn"> Generat Passowrd</button>
        </form>

    </div>

    <script src="RandomPassword.js"> </script>

</body>

</html>