Untitled

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <h1>Task 2</h1>
    Довжина паролю: <input class = "len"><br>
    <input class = "numbers" type="checkbox" checked/> Наявність цифр <br>
    <input class = "symbol" type="checkbox" checked/> Наявність символів: <br>
    <button id="gen">Generate passwword!</button>
    <hr>
    <div id="result"></div>
    <script>
    function generate() {
        var flen = document.getElementById('len').value;
        var fnum = document.getElementById('numbers').value;
        var fsymb = document.getElementById('symbol').value;
        var html = 'Отже довжина паролю повинна бути - ' + flen+ 'Наявність символів - '+fnum+ 'Наявність символів - ' + fsymb;

        document.getElementById('result').innerHTML = html;
    }

    document.getElementById('gen').addEventListener('click', generate);
    </script>
</head>
<body>

</body>
</html>