Finished ch13 exercise1

Drummingcoder · Drummingcoder · commit 3fcd83332c4e · 2025-02-08T19:30:40.000Z
diff --git a/ch13exercise1.html b/ch13exercise1.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>Chapter 13</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>
+    <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("number");
+        window.onload = () => {
+            if (isNaN(times)) {
+                times = 1;
+                localStorage.setItem("number", 1);
+            } else {
+                times++;
+                alert("You visited " + times + " time(s).");
+                localStorage.number = times;
+            }
+        };
+    </script>
+</body>
+</html>
