38 lines
1.9 KiB
HTML
38 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Todo List</title>
|
|
<link rel="stylesheet" href="stylesheets/style.css">
|
|
<link rel="stylesheet" href="stylesheets/lib/dismissible.css">
|
|
<link href="stylesheets/lib/lineicons.css" rel="stylesheet"> <!--Lineicons not working when used directly. Using below cdn instead. -->
|
|
<link href="https://cdn.lineicons.com/2.0/LineIcons.css" rel="stylesheet">
|
|
<script type="module" src="js/lib/md-block.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<md-block>
|
|
# Project Directions
|
|
## Basic:
|
|
1. Create an array of at least three items.
|
|
2. Prompt the user the add an item to your array at the end.
|
|
3. Display this array, with your new item, on your document, using the join() method to make all items one String
|
|
|
|
## Intermediate:
|
|
1. Create an input element and a button.
|
|
2. The user should input what element they want to add to the array and click the button.
|
|
3. The item should be added to a random spot in the array.
|
|
4. The array should then be displayed on the document.
|
|
|
|
## Advanced:
|
|
1. Create a To Do List, where the user can input any item they want in an input element and display that item in a numbered list on the document.
|
|
2. Create another input element where the user can input a number on the ordered list of the element they want to delete.
|
|
3. When an element is added or deleted, the list should be updated with all the elements in the array at that time.
|
|
4. Numbers should be in order and updated, i.e. if there are items 1, 2, and 3, and the user deletes item 2, item 3 should now be numbered 2, and item 1 remains the same.
|
|
</md-block>
|
|
</body>
|
|
<footer>
|
|
<p>© Benjamin Adovasio 2022. See the <a href='README.html'>README file </a> for more information.</p>
|
|
</footer>
|
|
|
|
</html> |