Yo lo que quiero hacer es que cuando el usuario agregue algo en el campo de texto se guarde en la lista al presionar el botón Gracias de antemano
HTML:
<body>
<input id="tarea "type="text" placeholder="Introduce la tarea">
<input type="submit" value="Agregar tarea">
<h1>Mis tareas:</h1>
<hr>
<ul>
<li>Aprender Desarrollo Web</li>
</ul>
<script src="./js/main.js"></script>
</body>
Js:
// Seleccionar los elementos HTML que necesitamos
var input = document.getElementById("tarea")
var boton = document.getElementById("boton")
var tareas = document.querySelector("ul")
// Cuando se haga click en el botón
boton.addEventListener("click",function(){
var tarea = input.value
var li = document.createElement("li")
li.textContent = tarea
tarea.appendChild(li)
})
id="tarea "type="txt"
. No hay un elemento "boton" en ningun sitio (solo en el javascript).tarea
no existe tampoco. Existetareas
.