¿Por qué activityInput.value siempre es igual a una cadena vacía? Esto parece muy simple, me siento estúpido preguntando algo tan simple, pero no puedo hacerlo funcionar. ¡Por favor, ayúdame!
function addActivityListEntry(){ let activityListContainer = document.getElementById('activityList'); let newActivity = document.querySelector("#activityListInput").value console.log(newActivity) }; let activitySubmitButton = document.getElementById('activitySubmit'); activitySubmitButton.addEventListener('click', e => { e.preventDefault(); addActivityListEntry() }) <div id = "activityListContainer"> <input type ="text" class = "input" value = '' id = "activityListInput" name = "activityListInput" > <label for = 'activityListInput'></label> <button class = "button" id = "activitySubmit"> submit activity </button> <div id = 'activityList' ></div> </div>Parece que no puedo encontrar dónde debería haber un
activityInput.valuetodo lo que tienes es un
activityListInput.valueEste archivo html debería funcionar y muestra los registros de "actividadListInput"
<!DOCTYPE html> <head></head> <body> <div id = "activityListContainer"> <input type ="text" class = "input" value = '' id = "activityListInput" name = "activityListInput" > <label for = 'activityListInput'></label> <button class = "button" id = "activitySubmit"> submit activity </button> <div id = 'activityList' ></div> </div> </html> <script> function addActivityListEntry(){ let activityListContainer = document.getElementById('activityList'); let newActivity = document.querySelector("#activityListInput").value console.log(newActivity) }; let activitySubmitButton = document.getElementById('activitySubmit'); activitySubmitButton.addEventListener('click', e => { e.preventDefault(); addActivityListEntry() }) </script> </body>