From 6b4d8ede48868ca00dd14638513baaa1991babff Mon Sep 17 00:00:00 2001
From: Shubham Thakur <84236393+shubham-31-thakur@users.noreply.github.com>
Date: Sat, 28 Oct 2023 00:48:21 +0530
Subject: [PATCH] Create merge.js

---
 circle_moves_diagonally.js | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 circle_moves_diagonally.js

diff --git a/circle_moves_diagonally.js b/circle_moves_diagonally.js
new file mode 100644
index 0000000..ae1610c
--- /dev/null
+++ b/circle_moves_diagonally.js
@@ -0,0 +1,30 @@
+function startAnimation() {
+    const circle = document.getElementById('myCircle');
+    let positionX = 0;
+    let positionY = 0;
+    let xDirection = 1;
+    let yDirection = 1;
+    const speed = 2;
+
+    function animate() {
+        positionX += xDirection * speed;
+        positionY += yDirection * speed;
+
+        // Reverse direction when hitting the screen edges
+        if (positionX >= window.innerWidth - 50 || positionX <= 0) {
+            xDirection *= -1;
+        }
+        if (positionY >= window.innerHeight - 50 || positionY <= 0) {
+            yDirection *= -1;
+        }
+
+        circle.style.left = positionX + 'px';
+        circle.style.top = positionY + 'px';
+
+        requestAnimationFrame(animate);
+    }
+
+    animate();
+}
+
+startAnimation(); // Start the animation automatically