Add week5 classwork

benna100 · benna100 · commit ffbb8e1767fa · 2019-02-11T10:32:37.000+01:00
diff --git a/JavaScript2/Week5/classwork/index.html b/JavaScript2/Week5/classwork/index.html
@@ -0,0 +1,9 @@
+<html>
+    <head>
+        <title>Week 5</title>
+    </head>
+    <body>
+        <button id="button">Click</button>
+        <script src="index.js" type="text/javascript"></script>
+    </body>
+</html>
diff --git a/JavaScript2/Week5/classwork/index.js b/JavaScript2/Week5/classwork/index.js
@@ -0,0 +1,73 @@
+// PART 1
+// Revising listeners
+
+function handleClick(){
+    console.log("Click")
+}
+
+function handleClick2(){
+    console.log("Click2")
+}
+
+document.getElementById("button")
+.addEventListener("click", handleClick);
+
+document.getElementById("button")
+.addEventListener("click", handleClick2);
+
+document.getElementById("button")
+.removeEventListener("click", handleClick2);
+
+console.log("OK")
+
+// PART 2
+// Timeout and Interval
+
+// const intervalID = setInterval(() => {
+//     console.log("First")
+// }, 1000)
+
+// clearInterval(intervalID)
+
+// PART 3
+// Implementing timer as an example
+
+// document.getElementById("button")
+// .addEventListener("click", () => {
+//     console.log("Click")
+//     let x = 1;
+//     const intervalID = setInterval(() => {
+//         console.log(x);
+//         x++;
+//         if(x > 10)
+//             clearInterval(intervalID);
+//     }, 300)
+// });
+
+// PART 4
+// Implementing timer as a packaged script
+
+// function createTimer(times, tick, onTick, finish){
+//     let count = 0;
+//     const id = setInterval(() =>{
+//         count++;
+//         onTick();
+//         if(count == times){
+//             clearInterval(id);
+//             finish();
+//         }
+//     }, tick);
+// }
+
+// let i = 20;
+
+// const eachTime = () =>{
+//     console.log(i);
+//     i--;
+// }
+
+// const onFinish = () => {
+//     console.log("Finished")
+// }
+
+// createTimer(20, 300, eachTime, onFinish)
