Consulta sobre el script
A ver que les parece esta idea. Que les parece si a las clases le adjuntan el codigo utilizado para compararlo con el nuestro. Algo que he notado muy curioso es que a veces uno va siguiente el codigo al pie de la letra pero simplemente no tengo los mismos resultados, asi que con el codigo original a mano podria compararlo directamente con el mio para comprender donde radica mi error. En este caso, en el script desde que escribo el .EventListener y veo que no me esta permitiendo hacerle tab para autocompletar, efectivamente se que no va a funcionar, y asi termina sucediendo. De paso adjunto el codigo:
</form>
<script>
document.getElementsByName('username').addEventListener('keyup', e => {
console.log(e.target.value)
})
</script>