no sé que error tiene mi código que no me muestra el valor que el usuario coloca en el input

ayuda, no se que error hay en mi código pero no aparece el número que el usuario ingrese en la consola, por lo tanto no se puede comparar ni nada, me pueden ayudar a saber cuál es el error en mi código? mostraré el index.html y app.js

let numeroSecreto = generarNumeroSecreto ();
function asignarTextoElemento (elemento, texto) {
 let elementoHTML = document.querySelector (elemento);
 elementoHTML.innerHTML = texto;
}
asignarTextoElemento ('h1', 'Juego del número secreto')
asignarTextoElemento ('p', 'indica un número del 1 al 10')


function verificarIntento() {
    let numeroUsuario = document.getElementById ('valorUsuario');
    console.log (numeroUsuario);
    console.log (numeroSecreto);
    console.log (numeroUsuario == numeroSecreto);
    return;
}
function generarNumeroSecreto () {
    return Math.floor (Math.random ()*10) + 1;
}

index.html

<div class="container">
        <div class="container__contenido">
            <div class="container__informaciones">
                <div class="container__texto">
                    <h1></h1>
                    <p class="texto__parrafo"></p>
                </div>
                <input type="number" id="valorUsuario" min="1" max="10" class="container__input">
                <div class="chute container__botones">
                    <button onclick = "verificarIntento();" class = "container__boton">Intentar</button>
                    <button class="container__boton" id="reiniciar" disabled>Nuevo juego</button>
                </div>
            </div>
            <img src="./img/ia.png" alt="Una persona mirando a la izquierda" class="container__imagen-persona" />
        </div>
    </div>