Estoy tratando de obtener información de un campo de entrada. De modo que cuando el usuario hace clic en un botón, se llama a una función JS y se usa la entrada del usuario en ella.
Este es mi archivo html:
<!DOCTYPE html> <html lang="en"> <head> <!-- contents of head here --> <script src="./src/main.js" type="module"></script> /> </head> <body> <header> <form id="form"> <input type="text" id="search" class="search" placeholder="Search TMDB" required> <input type="button" id="search_btn"" class="search_btn" value="Search"/> </form> </header> </body> </html> <!-- written by invalidrishav --> El main.js mencionado en la etiqueta del script es el siguiente:
// other imports here import { key } from './Api.js'; // other functions here function search() { var input = document.getElementById("search_btn"); console.log(input); window.open(`https://api.themoviedb.org/3/search/movie?api_key=${key}&query=${input}`, "TMDB", "menubar=1,resizable=1,width=500,height=500"); } Pero cuando hago clic en el botón search_btn , esto es lo que obtengo en la consola:
<input type="button" id="search_btn"" class="search_btn" value="Search" >Además, no arroja ningún error en la consola. ¿Cómo tomo el valor de la entrada del usuario?