Skip to content
This repository has been archived by the owner on Nov 19, 2024. It is now read-only.

Extended project #24

Open
wants to merge 10 commits into
base: master
Choose a base branch
from
Open

Extended project #24

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
fefe296
Work done on MacBook
HamilLee Oct 12, 2021
673238b
Small Project
HamilLee Oct 27, 2021
5c58feb
Refactoring Task1-8 in Progress
HamilLee Nov 1, 2021
a4e126b
Finished small project
HamilLee Nov 2, 2021
edfb480
Start of Extension task
HamilLee Nov 2, 2021
45f1ffa
Update smallProject.js
HamilLee Nov 2, 2021
f2fa390
extended tasks , updates to shopping list
HamilLee Nov 9, 2021
2428674
extra challenge, progress 002
HamilLee Nov 9, 2021
52d7f2f
Update smallProject.js
HamilLee Nov 16, 2021
6188926
Update smallProject.js
HamilLee Nov 19, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
57 changes: 55 additions & 2 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,12 +7,65 @@
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>JS Starter</title>
<link rel="stylesheet" href="style.css">

<!--
If you have script src's up above the <body>
You would have to add an extra coding
<script src="script.js"></script>
<script src="smallProject.js"></script>

Below makes a list of functions to load, more than 2, just keep adding

<script language="javascript">
function load() {
showName();
showTask1();
showTask2();
}
</script>
-->
</head>

<!--
onload function
<body onload="showName(), showTask1()">
For some reason can only accept 2 functions
-->
<body>
<h1>Hello World!</h1>
<h1 id="name"> Name of Project </h1>

<h1 id="task1"> Task 1 here </h1>

<h1 id="task2"> Task 2 here </h1>

<h1 id="task3"> Task 3 here </h1>

<h1 id="task4"> Task 4 here </h1>

<h1 id="task5"> Task 5 here </h1>
<div id="task5b">Task 5b here </div>

<h1 id="task6"> Task 6 here </h1>
<div id="task6b"> Task 6b here </div>

<input type = "button" id="task6cButton" onclick="task6c()" value="Add to shopping list">

<h1 id="task7"> Task 7 here </h1>
<div id="task7b"> Task 7b here </div>
<input type = "button" id="task7cButton" onclick="task7c()" value="Remove from shopping list">

<h1 id="task8"> Task 8 here </h1>
<div id="task8b"> Task 8b here </div>
<input type = "button" id="task8cButton" onclick="task8c()" value="Add to shopping list">

<script src="script.js"></script>
<h1> Test Person's Shopping List should display here: </h1>
<div id="task9b"> Shopping list. </div>
<h1> Shopping List Items Availability: </h1>
<div id="task9c"> Availability? </div>

<script src="script.js"></script>
<script src="smallProject.js"></script>

</body>

</html>
Loading