Question: NEED HELP! DIRECTIONS: Convert the deleteItemInList.js from pure JavaScript to jQuery. use strict window.onload = function (){ var itemValue = 0; var errorMessage = You
NEED HELP!
DIRECTIONS: Convert the deleteItemInList.js from pure JavaScript to jQuery.
"use strict"
window.onload = function (){
var itemValue = 0;
var errorMessage = "You need to enter something";
var add = document.getElementById("add");
add.onclick = function()
{
var itemArea = document.getElementById("item");
itemValue = itemArea.value;
if(itemValue == "")
{
var span = document.getElementById("error");
span.innerText = errorMessage;
}
else{
var li = document.createElement("li");
var button = document.createElement("button");
button.innerText = "x";
var textNode = document.createTextNode(" " + itemValue);
var ul = document.getElementById("list");
li.append(button);
li.append(textNode);
ul.append(li);
button.onclick = deleteItem;
}
}
var clear = document.getElementById("clear");
clear.onclick = function(){
var itemArea = document.getElementById("item");
itemArea.value = "";
var span = document.getElementById("error");
span.innerText ="";
var list = document.getElementById("list");
list.innerText ="";
}.
function deleteItem()
{
var liParentOfButton = this.parentElement;
console.log(liParentOfButton);
var ulParentOfLi = liParentOfButton.parentElement;
console.log(ulParentOfLi);
ulParentOfLi.removeChild(liParentOfButton);
}
}
Step by Step Solution
There are 3 Steps involved in it
Get step-by-step solutions from verified subject matter experts
