ScrollSuave transformado em classe

FantasticAnimals/.gitignore

@@ -0,0 +1 @@
+node_modules

FantasticAnimals/index.html

@@ -159,9 +159,7 @@ <h1 class="titulo">Contato</h1>
         </div>
     </section>
 
-    <script type="module" src="./main.js/main.js"></script>
-    <script src="./js/script.js"></script>
-    <!-- <script src="./js/ex.js"></script> -->
+    <script type="module" src="./main.js"></script>
 </body>
 
 </html>

FantasticAnimals/js/import.js

@@ -1,4 +1,4 @@
-import initScrollSuave from './modules/scroll-suave.js';
+import ScrollSuave from './modules/scroll-suave.js';
 import initAnimacaoScroll from './modules/scroll-animacao.js';
 import initAccordion from './modules/accordion.js';
 import initTabNav from './modules/tabnav.js';
@@ -10,7 +10,9 @@ import initFuncionamento from './modules/funcionamento.js';
 import initFetchAnimais from './modules/fetch-animais.js';
 import initFetchBitcoin from './modules/fetch-bitcoin.js';
 
-initScrollSuave();
+const scrollSuave = new ScrollSuave('[data-js="menu"] a[href^="#"]');
+scrollSuave.init();
+
 initAnimacaoScroll();
 initAccordion();
 initTabNav();

FantasticAnimals/js/modules/scroll-suave.js

@@ -1,20 +1,33 @@
-// Scroll suave
-export default function initScrollSuave() {
-    const linksInternos = document.querySelectorAll('[data-js="menu"] a[href^="#"]');
-
-    linksInternos.forEach((link) => {
-      link.addEventListener("click", scrollToSection);
-    });
-
-    function scrollToSection(event) {
+export default class ScrollSuave {
+  constructor(links, options) {
+    this.linksInternos = document.querySelectorAll(links);
+    if (options === undefined) {
+      this.options = {behavior: 'smooth', block: 'start'};
+    } else {
+      this.options = options;
+    }
+
+    this.scrollToSection = this.scrollToSection.bind(this);
+  } 
+     scrollToSection(event) {
       event.preventDefault();
       const href = event.currentTarget.getAttribute("href");
       const section = document.querySelector(href);
 
-      section.scrollIntoView({
-        behavior: "smooth",
-        block: "start",
+      section.scrollIntoView(this.options);
+    }
+
+    addLinkEvent() {
+      this.linksInternos.forEach((link) => {
+        link.addEventListener("click", this.scrollToSection);
       });
     }
+
+    init() {
+      if (this.linksInternos.length) {
+        this.addLinkEvent();
+      }
+      return this;
+    }
   }