1

Hice una página web y me gustaria que al pulsar la tecla ENTER lea la palabra que se ha escrito, pero no se como lograrlo. ¿Alguno se le ocurre como hacerlo ?.

<body>
   <h1>Title</h1>
   <input type="text" id="guess-input" >
   <button id="guess-button">Try</button>
   <div id='grid'> </div>
   <p id="guesses">
</body>
2
  • 2
    Primero define "leer" en tu pregunta, porque yo leo, tu lees, Stan Lee, Bruce Lee, La Princesa Leía... Luego pon lo que has intentado y te guiaremos. Lee el recorrido de bienvenida y Cómo preguntar para una mejor guía.
    – OCHOA
    Commented el 29 feb. a las 18:34
  • Busca eventos de teclado en Javascript. Cuando tienes el código y no te funciona según tu función, entonces ven aquí redacta tu pregunta junto con tu código y tu problema mostrando un ejemplo con tu código. Entonces habrá una solución. Por ahora tu pregunta está incompleto y es difícil que se te haga la tarea por ti. De echo, no se hace nada de tarea aquí... Commented el 1 mar. a las 2:20

1 respuesta 1

0

Aqui tienes la solución a tu problema espero te ayude.

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <h1>Title</h1>
        <input type="text" id="guess-input" >
        <button id="guess-button">Try</button>
        <div id='grid'> </div>
        <p id="guesses">

        <script>
            const guessInput = document.getElementById('guess-input')
            const guessButton = document.getElementById('guess-button')
            
            guessInput.addEventListener('keydown',e=>{
                if(e.keyCode == 13){
                    read(guessInput.value)
                }
            })
            guessButton.addEventListener('click',e=>{
                read(guessInput.value)
            })
            function read(texts){
                console.log(texts)
                if(texts.length){
                    const synth = window.speechSynthesis
                    const utterThis = new SpeechSynthesisUtterance(texts)
                    synth.speak(utterThis)
                }
            }
            
        </script>
    </body>
</html>

1
  • Alguna breve explicación no estaría mal! Commented el 1 mar. a las 6:27

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.