モーダルとフェードインを動くように修正

develop/src/assets/js/fadeIn.js

@@ -7,21 +7,24 @@ export class Fade {
       windowHeight: window.innerHeight,
       windowHeight: window.innerHeight,
       showTiming: 200,
       showTiming: 200,
     };
     };
-  }
 
 
-  window.addEventListener(
-    "scroll",
-    throttle(300, () => {
-      window.addEventListener("scroll", () => {
-        if (!element) return;
-        for (let i = 0; i < element.length; i++) {
-          let elementClientRect = element[i].getBoundingClientRect();
-          let elementY = scrollY + elementClientRect.top;
-          if (scrollY > elementY - windowHeight + showTiming) {
-            element[i].classList.add("is-show");
+    window.addEventListener(
+      "scroll",
+      throttle(300, () => {
+        window.addEventListener("scroll", () => {
+          for (let i = 0; i < this.elements.element.length; i++) {
+            let elementClientRect =
+              this.elements.element[i].getBoundingClientRect();
+            let elementY = this.elements.scrollY + elementClientRect.top;
+            if (
+              scrollY >
+              elementY - this.elements.windowHeight + this.elements.showTiming
+            ) {
+              this.elements.element[i].classList.add("is-show");
+            }
           }
           }
-        }
-      });
-    })
-  );
+        });
+      })
+    );
+  }
 }
 }

develop/src/assets/js/modal.js

@@ -13,9 +13,9 @@ export class Modal {
     this.openClassName = "open";
     this.openClassName = "open";
 
 
     // ①モーダルを開く処理を登録
     // ①モーダルを開く処理を登録
-    for (let i = 0; i < this.elements.button.length; i++) {
-      this.elements.button[i].addEventListener("click", () => {
-        this.open();
+    for (let number = 0; number < this.elements.button.length; number++) {
+      this.elements.button[number].addEventListener("click", () => {
+        this.open(number);
       });
       });
     }
     }
 
 
@@ -28,7 +28,7 @@ export class Modal {
   }
   }
 
 
   //　①モーダルを開く処理
   //　①モーダルを開く処理
-  open() {
+  open(index) {
     this.elements.body.classList.add(this.openClassName);
     this.elements.body.classList.add(this.openClassName);
     this.elements.modalBack.classList.add(this.openClassName);
     this.elements.modalBack.classList.add(this.openClassName);
     this.elements.modal[index].classList.add(this.openClassName);
     this.elements.modal[index].classList.add(this.openClassName);

develop/src/assets/js/second.js

@@ -16,6 +16,6 @@ document.addEventListener("DOMContentLoaded", () => {
   // クラス
   // クラス
   new Second();
   new Second();
 
 
-  // 関数
+  // 関数Ç
   second();
   second();
 });
 });