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');
+        });
+    }
 });