Mejorando la usabilidad (duda)

Hola a todos, hice el codigo igual que el del video pero cuando preciono espacio despues de colocar el número en el recuadro el cursor no se mueve al botón como en el video, alguien sabe por que? Dejo el codigo a continuación:

<meta charset="UTF-8">

Escriba un numero entre 1-10 dentro del recuadro:
<br>
<input/> 

<button>Verificar si acerto con el numero secreto</button>

<script>

    var secreto = Math.round(Math.random()*10);
    var input = document.querySelector("input");
    input.focus();

    function verificar() {

        if (parseInt(input.value) == secreto) {

            alert("Usted acerto");
        }

        else {

            alert("Usted erro");

        }

        input.value = "";
        input.focus();
    }

    var boton = document.querySelector("button");
    boton.onclick = verificar;

</script>