From c585db0fdb4935c35a29d0ab30de9316a9723bb0 Mon Sep 17 00:00:00 2001
From: Imran Imtiaz <imranimtiaz48@hotmail.com>
Date: Tue, 9 Jul 2024 11:23:57 +0400
Subject: [PATCH] Update script.js

Changes made:
1.	Wrapped the code in DOMContentLoaded to ensure it runs after the DOM is fully loaded.
2.	Added a check to ensure left, right, and container elements are present before adding event listeners.
3.	Improved formatting for readability and consistency.
---
 Source-Code/SplitLanding-Page/script.js | 36 ++++++++++++++-----------
 1 file changed, 20 insertions(+), 16 deletions(-)

diff --git a/Source-Code/SplitLanding-Page/script.js b/Source-Code/SplitLanding-Page/script.js
index ecc9070..c2c3f97 100644
--- a/Source-Code/SplitLanding-Page/script.js
+++ b/Source-Code/SplitLanding-Page/script.js
@@ -1,21 +1,25 @@
-const left = document.querySelector('.left');
-const right = document.querySelector('.right');
-const container = document.querySelector('.container');
+document.addEventListener('DOMContentLoaded', () => {
+    const left = document.querySelector('.left');
+    const right = document.querySelector('.right');
+    const container = document.querySelector('.container');
 
-left.addEventListener('mouseenter', () => {
-  container.classList.add('hover-left');
-  container.classList.remove('hover-right');
-});
+    if (left && right && container) {
+        left.addEventListener('mouseenter', () => {
+            container.classList.add('hover-left');
+            container.classList.remove('hover-right');
+        });
 
-right.addEventListener('mouseenter', () => {
-  container.classList.add('hover-right');
-  container.classList.remove('hover-left');
-});
+        right.addEventListener('mouseenter', () => {
+            container.classList.add('hover-right');
+            container.classList.remove('hover-left');
+        });
 
-left.addEventListener('mouseleave', () => {
-  container.classList.remove('hover-left');
-});
+        left.addEventListener('mouseleave', () => {
+            container.classList.remove('hover-left');
+        });
 
-right.addEventListener('mouseleave', () => {
-  container.classList.remove('hover-right');
+        right.addEventListener('mouseleave', () => {
+            container.classList.remove('hover-right');
+        });
+    }
 });