JSFiddle - React, Tailwind, and code Playground

by Eliza Dunaway

HTML

<p>GROCERY LIST-INATOR</p>
<p>Click the button to add an item to grocery list.</p>

<button onclick="addItem()">Add item</button>
<button onclick="deleteItem()">Delete item</button>

<p id="list"></p>
<p id="kev"></p>

JavaScript

var list = [];

function addItem (){
    var name = prompt("Enter item name:");
    list.push(name);
    var today = Date();
    var string = "Created on " + today + "<br>" + " My Grocery List: <br>";
    for (var key in list){
  		string += "- " + list[key] + "<br>";
	}
	document.getElementById("list").innerHTML = string;
};

function deleteItem (){
    var item = prompt("Enter item name:");
	for(var i = list.length - 1; i >= 0; i--) {
    	if(list[i] === item) {
       	list.splice(i, 1);
    }
}
   document.getElementById("list").innerHTML = string;
};