script.js

// HAMBURGERMENYN
const hamburgerMenu = document.querySelector(".hamburger-menu");
const hamburgerMenuActive = document.querySelector(".hamburger-menu-active");
const navMenu = document.querySelector(".nav-menu");
const picture = document.querySelector(".logo-hamburger");
const contact = document.querySelector(".hamburger-contact");

/* Hamburgarmenyn i stängt läge */
hamburgerMenu.addEventListener("click", () => {
  navMenu.classList.toggle("active");
  picture.classList.toggle("active");
  contact.classList.toggle("active");
});

/* Hamburgarmenyn i aktivt läge */
hamburgerMenuActive.addEventListener("click", () => {
  navMenu.classList.remove("active");
  picture.classList.remove("active");
  contact.classList.remove("active");
});

// document.querySelectorAll(".navlink").forEach((e) =>
//   e.addEventListener("click", () => {
//     hamburgerMenu.classList.remove("active");
//     navMenu.classList.remove("active");
//   })
// );

// E-MAILADRESSFÄLTET

const signUpField = document.querySelector(".email-input-field");

signUpField.addEventListener("keyup", (submit) => {
  if (submit.key === "Enter") {
    console.log(submit.target.value);
    signUpField.value = "";
  }
});

/* Input-field längst ner email-adress*/
const signUpFieldSecond = document.querySelector(".bottom-email-input-field");

signUpFieldSecond.addEventListener("keyup", (submit) => {
  if (submit.key === "Enter") {
    console.log(submit.target.value);
    signUpFieldSecond.value = "";
  }
});

/* Submit-button i mobil-läge emailadress */
const submit = document.querySelector(".submit");

submit.addEventListener("click", (submit) => {
  console.log(submit.target.value);
  signUpField.value = "";
});

/* Search-field mobil-läge*/
const searchField = document.querySelector(".top-searchfield");

searchField.addEventListener("keyup", (submit) => {
  if (submit.key === "Enter") {
    console.log(submit.target.value);
    searchField.value = "";
  }
});

const searchFieldDesktop = document.querySelector(".search");

searchFieldDesktop.addEventListener("keyup", (submit) => {
  if (submit.key === "Enter") {
    console.log(submit.target.value);
    searchFieldDesktop.value = "";
  }
});