Benjamin/Web-Dev-Classwork-2022
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added other units

Browse Source
This commit is contained in:
Benjamin Adovasio
2025-11-16 22:54:34 -05:00
parent 5bd461229a
commit ca92b603be
46 changed files with 2779 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
Unit 5/Day 2/README.html Normal file
View File

@@ -0,0 +1,38 @@
<!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>&copy Benjamin Adovasio 2022. See the <a href='README.html'>README file </a> for more information.</p>
</footer>
</html>