Realicé el siguiente código el cual me funciona perfecto... pero me exigen el uso de jQuery
. Aún estoy aprendiendot, así que me es difícil cambiarlo.
He logrado cambiar solo el alert
inicial pero no logro hacer que funcione guiándome con lo encontrado en la api.
const inputBox = document.getElementById("input-box");
const Container = document.getElementById("listContainer");
function addTask() {
if (inputBox.value == '') {
alert("Debes escribir una tarea");
} else {
let li = document.createElement("li");
li.innerHTML = inputBox.value;
Container.appendChild(li);
let span = document.createElement("span");
span.innerHTML = "\u00d7";
li.appendChild(span);
}
inputBox.value = '';
saveData();
}
// estan son las clases y funciones que estoy ejecutando
<div class="taskContainer">
<div class="taskApp">
<h2>Lista de Tareas <img src="images/icon.png"></h2>
<div class="newTask">
<input type="text" id="input-box" placeholder="agregar Tarea">
<button onclick="addTask()">Agregar</button>
</div>
<ul id="listContainer">
</ul>