adicionado javascript

RobertCastro86 · Oct 1, 2024 · b844f80 · b844f80
1 parent bb514cd
commit b844f80
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 27 deletions.
diff --git a/index.html b/index.html
@@ -79,33 +79,7 @@ <h4>Condomínio Residencial dos Lagos</h4>
         <p>&copy; 2024 Robert Castro Imóveis & Cia. Todos os direitos reservados. CRECI: 214.037-F</p>
     </footer>
 
-    <script>
-        document.addEventListener('DOMContentLoaded', function () {
-            const carrosseis = document.querySelectorAll('.carrossel');
-
-            carrosseis.forEach(carrossel => {
-                const imgs = carrossel.querySelectorAll('img');
-                const prevBtn = carrossel.querySelector('.prev');
-                const nextBtn = carrossel.querySelector('.next');
-                let currentIndex = 0;
-
-                function showImage(index) {
-                    imgs.forEach(img => img.classList.remove('active'));
-                    imgs[index].classList.add('active');
-                }
-
-                prevBtn.addEventListener('click', () => {
-                    currentIndex = (currentIndex - 1 + imgs.length) % imgs.length;
-                    showImage(currentIndex);
-                });
-
-                nextBtn.addEventListener('click', () => {
-                    currentIndex = (currentIndex + 1) % imgs.length;
-                    showImage(currentIndex);
-                });
-            });
-        });
-    </script>
+    <script type="text/javascript" src="index.js"></script>
 </body>
 
 </html>
diff --git a/index.js b/index.js
@@ -0,0 +1,25 @@
+document.addEventListener('DOMContentLoaded', function () {
+            const carrosseis = document.querySelectorAll('.carrossel');
+
+            carrosseis.forEach(carrossel => {
+                const imgs = carrossel.querySelectorAll('img');
+                const prevBtn = carrossel.querySelector('.prev');
+                const nextBtn = carrossel.querySelector('.next');
+                let currentIndex = 0;
+
+                function showImage(index) {
+                    imgs.forEach(img => img.classList.remove('active'));
+                    imgs[index].classList.add('active');
+                }
+
+                prevBtn.addEventListener('click', () => {
+                    currentIndex = (currentIndex - 1 + imgs.length) % imgs.length;
+                    showImage(currentIndex);
+                });
+
+                nextBtn.addEventListener('click', () => {
+                    currentIndex = (currentIndex + 1) % imgs.length;
+                    showImage(currentIndex);
+                });
+            });
+        });