Dejé de actualizar la página usando e.preventDefault pero el código no se ejecuta como quiero. Aquí está la parte más importante
Aquí está el código completo
<div class="page"> <form action=""> <input type="text" id="input-field" /> <input type="submit" value="Add Task" /> </form> <section class="tasks" id="tasks"></section> </div> //here variables let submitt =document.querySelector("input[type='submit']") let val =document.getElementById("input-field"); let clickk =document.getElementById("cli"); let divv = document.createElement("div"); divv.title = val.value; divv.id = "iddd"; divv.className ="classone"; //append the text in the div divv.append(val.value) divv.style.cssText = "width:100px;height:50px;background:red;color:white;" let sec = document.getElementById("tasks") //func to create new div submitt.addEventListener("submit",function(e){ sec.append(divv) e.preventDefault(); })hola, parece que el botón de envío no activa el evento de envío, ya que solo el formulario puede escuchar el evento de envío, debe escuchar el envío en el formulario o hacer clic
submitt.addEventListener("click",function(e){ sec.append(divv) e.preventDefault(); })