JavaScript es un mundo, pero realmente no pude entender porque no se utilizo paréntesis en button.onclick = mostrarTexto; para poder llamar a la función, ya que es requerida.
Solucionado
JavaScript es un mundo, pero realmente no pude entender porque no se utilizo paréntesis en button.onclick = mostrarTexto; para poder llamar a la función, ya que es requerida.
Ten en cuenta que en este último cambio, ella asoció la función con button.onclick. Con esta asociación, cada vez que se hace clic en el botón, se ejecutará mostrarTexto, es como si, por detrás el navegador hiciera mostrarTexto() cada vez que se hace clic en el botón. Tan solo asociamos a la función, no es una funcion
Lo que sucede es que si le escribimos los paréntesis, la función se ejecutará automáticamente cada vez que actualizamos el documento html en el navegador, es decir, no espera a que le hagamos el llamado a través del botón cuando damos un click en él, y entonces si se ejecuta automáticamente es por eso que nos muestra un alert vacío, porque tan pronto como corremos, ejecutamos, abrimos o cargamos el archivo html en el navegador, el valor que contiene el input o cuadro de diálogo, se encuentra vacío.