0

Estoy intentando hacer una lista de tareas en javascript y quiero que la funcion principal se dispare cuando se clickea sobre el boton "ADD" o cuando se aprieta enter. Hice el siguiente codigo y no funciona:

    window.onload = function () {
    var addBtn = document.querySelector(".add-btn");
    addBtn.addEventListener('click', agregarTarea);

    var inputForm = document.getElementById("taskInput");
    inputForm.addEventListener("keyup", function(event) {
        if (event.keyCode === 13) {
            // Cancel the default action, if needed
            event.preventDefault();
            // Trigger the button element with a click
            addBtn.click();
      };
    })
}

La idea es que se dispare la funcion "agregarTarea" al apretar Enter sin embargo el input se borra y la tarea no se agrega. Cuando se clickea en el boton la tarea se añade sin problemas. Alguna idea para solucionarlo?

1 respuesta 1

0

Hola espero que te sirva el código, saludos!

<body>
		
<input type="text" name="nombre" id="taskInput"/>
<input type="button" value="enviar" id="add-btn" />
	
<script>
     
    var inputForm = document.getElementById("taskInput");
    var addBtn = document.getElementById("add-btn");
     
	function agregarTarea() {
		console.log(inputForm.value);
	}

    addBtn.addEventListener('click', agregarTarea);

    inputForm.addEventListener("keyup", function(event) {
        if (event.keyCode === 13) {
            agregarTarea();
      	};
	});

</script>
</body>

1
  • 1
    Responder sólo con código se considera de baja calidad. Por favor leer Cómo responder. Te sugiero que edites tu respuesta y agregues una descripción razonable del porqué tu código puede ser una solución válida al problema. Saludos el 4 jun. 2020 a las 10:01

Tu Respuesta

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

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