From 6407530f0e2dce21f3ef4a124f9bc9b8b5144119 Mon Sep 17 00:00:00 2001
From: LSvekis <lassvekis@gmail.com>
Date: Fri, 18 Jun 2021 14:52:32 -0400
Subject: [PATCH] Create ex11 box mover

---
 chapter10/ex11 box mover | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 chapter10/ex11 box mover
diff --git a/chapter10/ex11 box mover b/chapter10/ex11 box mover
new file mode 100644
index 0000000..1d66f82
--- /dev/null
+++ b/chapter10/ex11 box mover	
@@ -0,0 +1,35 @@
+<!doctype html>
+<html>
+<style>
+    div {
+        background-color: purple;
+        width: 100px;
+        height: 100px;
+        position: absolute;
+    }
+</style>
+<body>
+    <div id="block"></div>
+    <script>
+        const main = document.querySelector("#block");
+        let mover = { speed: 10, dir: 1, pos: 0 };
+        main.addEventListener("click", moveBlock);
+        function moveBlock() {
+            let x = 30;
+            setInterval(function () {
+                if (x < 1) {
+                    clearInterval();
+                } else {
+                    if (mover.pos > 800 || mover.pos < 0) {
+                        mover.dir *= -1;
+                    }
+                    x--;
+                    mover.pos += x * mover.dir;
+                    main.style.left = mover.pos + "px";
+                    console.log(mover.pos);
+                }
+            }, 2);
+        }
+    </script>
+</body>
+</html>
