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

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!