ошибка password.html:12 Uncaught TypeError: Cannot read property 'value' of null

Помогите пожалуйста понять, что я делаю не так. Задача: сгенерировать случайный пароль, длина которого определяется вводимым пользователем числом - это сделала. Но не получается вывести введёное число т.к. выскакивает ошибка: password.html:12 Uncaught TypeError: Cannot read property 'value' of null

<p id="info">Укажите длину желаемого пароля</p>
<input type="text" id="user">
<a href="#" onClick="userPassword();" id="button">Сгенерировать</a>

JS

function usLen() {
            var number = document.getElementById("user").value; ///вот на эту строчку ругается.
            return parseInt(number);
        }

    function genPassword(){
        var password = "";
        var symbols = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!№;%:?*()_+=";
        for (var i = 0; i < userLenght; i++){
            password += symbols.charAt(Math.floor(Math.random() * symbols.length));     
        }
        return password;
    }            

    
    var userLenght = usLen();
    alert(genPassword());