Djalim Simaila
f171492e15
All checks were successful
DEPLOY / deploy (push) Successful in 8s
- Create TP5.html for the grocery list interface - Implement TP5.js for managing grocery items and local storage - Update style.css to style the grocery list and its items
28 lines
894 B
HTML
28 lines
894 B
HTML
<head>
|
|
<meta name="Acceuil">
|
|
<meta charset="UTF-8">
|
|
<link rel="stylesheet" href="static/style.css">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
|
|
</head>
|
|
<body onload="restoreList()">
|
|
<i class="fa-solid fa-trash"></i>
|
|
<div id="main">
|
|
<h1>Grocery list</h1>
|
|
<div>
|
|
<button id="clear_button" type="button" onclick="clear_input()"><i class="bi bi-eraser"></i></button>
|
|
<input type="text" id="new_item_input" placeholder="A new pair of Jordans">
|
|
<input type="number" id="new_item_quantity" value="1" min="0">
|
|
<select id="new_item_unit">
|
|
<option value="unit">unit</option>
|
|
<option value="L">L</option>
|
|
<option value="KG">KG</option>
|
|
</select>
|
|
</div>
|
|
<div id="grocery_list">
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
|
|
<script src="static/js/TP5.js" defer></script>
|