-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
22 lines (22 loc) · 1.02 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html>
<head>
<title>Javascript + DOM</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>Shopping List</h1>
<p id="first">Get it done today</p>
<input id="userinput" type="text" placeholder="enter items">
<button id="enter">Enter</button>
<ul id="myList">
<li onclick="toggleListItem(event)">Notebook <button onclick="removeListItem(event)"> Delete</button></li>
<li onclick="toggleListItem(event)">Jello <button onclick="removeListItem(event)"> Delete</button></li>
<li onclick="toggleListItem(event)">Spinach <button onclick="removeListItem(event)"> Delete</button></li>
<li onclick="toggleListItem(event)">Rice <button onclick="removeListItem(event)"> Delete</button></li>
<li onclick="toggleListItem(event)">Birthday Cake <button onclick="removeListItem(event)"> Delete</button></li>
<li onclick="toggleListItem(event)">Candles <button onclick="removeListItem(event)"> Delete</button></li>
</ul>
<script type="text/javascript" src="script.js"></script>
</body>
</html>