index.html

<!DOCTYPE html>
<html>
<head>
	<title>Shopping List</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>
			<li class="bold red" random="23" id="notebook">Notebook <button class="delete">Delete</button></li>
			<li id="jello">Jello <button class="delete">Delete</button></li>
			<li id="spinach">Spinach <button class="delete">Delete</button></li>
			<li id="rice">Rice <button class="delete">Delete</button></li>
			<li id="cake">Birthday Cake <button class="delete">Delete</button></li>
			<li id="candles">Candles <button class="delete">Delete</button></li>
		</ul>
		<script type="text/javascript" src="script.js"></script>
</body>
</html>