Uncategorized Archives - ShoppeLoppen

blog 2

fiske projektet

Hej igen.

ny blog om ingenting

“oh shit, here we go again.”

Dette er en cykel og en krabbe

/* -----------------------------------------------
tilføjer klik lyttere til alle fiskene
-------------------------------------------------*/
fishInfo.forEach((fish) => {
  //Finder ALLe elementerne med denne klasse
  document.querySelectorAll("." + fish.className).forEach((elem) => {
    //tilføjer click-eventet
    elem.addEventListener("click", () => {
      console.log("fisk er fundet");
      //afspiller lyden
      const sound = fishSound[fish.className];
      if (sound) {
        sound.currentTime = 0; //dette reseter lyden efter den har spillet
        sound.play();
      }
      const fishDetails = `
  <div class="infoContent">
    <h2 class="fiskType">${fish.fishName}</h2>
    <p class="fiskInfo">${fish.infoText}</p>
    <p class="sjovViden">${fish.funFact}</p>
  </div>
  <div class="bobleAndImg">
  <img src="./assets/svg/boble.svg" alt="boble" class="boble"/>
  <img src="${fish.image}" alt="${fish.fishName}" class="fishImage"/>
  </div>
  `;
      //viser overlay med fiske-info
      showFishInfo(fishDetails);
    });
  });
});