Tengo una entrada y un botón. Cuando hice clic en el botón, quiero tomar el valor de la entrada y ponerlo en una variable. ¿Cómo se puede hacer esta acción varias veces sin refrescar la página? Ejemplo: Entrada: John Button: haga clic en let x = John -->sin actualizar la página Entrada: Bob Button: haga clic en let x = Bob
Necesita una variable para almacenar el valor de la entrada y una función que se llama cuando se hace clic en el botón. name en este ejemplo contiene el valor de la entrada y se actualiza cada vez que se hace clic en el botón.
let name; document.querySelector("#btn").addEventListener("click", () => { name = document.querySelector("#name").value; console.log(name); }); <input id="name" /> <button id="btn">Click me</button>