Finished Chapter 13 exercise 2

Drummingcoder · Drummingcoder · commit 883c19623994 · 2025-02-08T19:55:02.000Z
diff --git a/ch13exercise2.html b/ch13exercise2.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>Chapter 13: Exercise 2</title>
+    <style>
+        [data-drop-target] {
+            height: 400px;
+            width: 200px;
+            margin: 2px;
+            background-color: gainsboro;
+            float: left;
+        }
+        .drag-enter {
+            border: 2px dashed #000;
+        }
+        .box {
+            width: 200px;
+            height: 200px;
+        }
+        .navy {
+            background-color: navy;
+        }
+        .red {
+            background-color: red;
+        }
+    </style>
+</head>
+<body>
+    <h1 id="ad"></h1>
+    <div data-drop-target="true">
+        <div id="box1" draggable="true" class="box navy"></div>
+        <div id="box2" draggable="true" class="box red"></div>
+    </div>
+    <div data-drop-target="true"></div>
+    <script>
+        var times = localStorage.getItem("ads");
+        window.onload = () => {
+            if (isNaN(times)) {
+                times = 0;
+            } else {
+                times = parseInt(times);
+            }
+            if (times == 0) {
+                document.getElementById("ad").innerText = "Bruh get good";
+                localStorage.ads = times + 1;
+            } else if (times == 1) {
+                document.getElementById("ad").innerText = "Sub to me";
+                localStorage.ads = times + 1;
+            } else if (times == 2) {
+                document.getElementById("ad").innerText = "I'm inevitable";
+                localStorage.ads = times + 1;
+            } else {
+                document.getElementById("ad").innerText = "Kazuha moment";
+                localStorage.ads = 0;
+            }
+        };
+    </script>
+</body>
+</html>
