+
+
+
+
+
+
\ No newline at end of file
diff --git a/js/main1.js b/js/main1.js
new file mode 100644
index 00000000..76f715aa
--- /dev/null
+++ b/js/main1.js
@@ -0,0 +1,48 @@
+// Type in things to do
+ // add a form with an input and button in the HTML
+ // submit to list
+ //create an ol put an empty tags in list
+ // display in the list with numbers
+ // check completed items done or trashed (HOW????)
+ // button to complete list
+ // button to clear
+ // document.querySelector("#complete").addEventListener("click", done)
+ // function done(){
+
+ const form = document.querySelector("#form");
+ const type = document.querySelector("#type"); //Type in the items
+ const add = document.querySelector("#add"); //button
+ const list = document.querySelector("#list");
+ const completeList = document.querySelector("#complete");
+ const newList = document.querySelector("#new");
+
+form.addEventListener("submit", addToList);
+
+ function addToList(e){
+ e.preventDefault();
+
+ console.log(type.value) //tried to add an error msg but its not working :(
+ if(addToList.value === ""){
+ msg.classList.add('error');
+ msg.innerHTML = 'Please enter an item.';
+
+ setTimeout(() => msg.remove(), 2000);
+ }else {
+ const li = document.createElement("li");
+ li.appendChild(document.createTextNode(`${type.value}`));
+ //this is how to add an item into the ol
+ list.appendChild(li);
+
+ //in order to clear
+ document.querySelector('#type').value = ''
+ }
+ }
+ //add event that draws a line through finished task
+document.querySelector('ol').addEventListener("click", crossOut)
+
+
+document.querySelector("#complete").addEventListener("click", done)
+
+ function done() {
+
+ }