Exercise 11.11

2021-11-24 22:50:47 +05:30 · 2021-11-24 22:50:47 +05:30 · 628ea4d60a
commit 628ea4d60a
parent 880fc1f0d1
1 changed files with 35 additions and 0 deletions
--- a/11/Exercise
+++ b/11/Exercise
@ -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>