script.js

// Pop up Section

const messages = [
    "Electronic waste, or e-waste, refers to discarded electronic devices and equipment, including smartphones, laptops, tablets, televisions, and more. The generation of e-waste has been steadily increasing due to the rapid pace of technological advancement and consumer electronics turnover.",

    "E-waste contains hazardous materials such as lead, mercury, cadmium, and various toxic chemicals. If not properly managed, these substances can leach into the environment, contaminating soil, water, and air. This poses significant risks to human health and the ecosystem.",

    "Recycling e-waste helps recover valuable resources like precious metals (gold, silver, and palladium), copper, and rare earth elements. This reduces the need for mining and extraction of these materials, which can be both environmentally destructive and resource-intensive.",

    "E-waste has become a global issue, with millions of tons generated each year. Many developed countries export their e-waste to developing nations, where it is often processed informally under unsafe conditions, leading to environmental and health concerns.",

    "Formal e-waste recycling involves regulated processes in specialized facilities that ensure safe handling and disposal of hazardous materials. Informal recycling, often practiced in developing countries, involves unregulated, makeshift operations that can be harmful to both workers and the environment."
  ];

const popup = document.getElementById('popup');
const popupc = document.getElementById('popupc');
const close = document.getElementById('close');

let currentMessageIndex = 0;

  function showPopup() {
    const message = messages[currentMessageIndex % messages.length];
    popupc.textContent = message;

    popup.style.display = 'inline-flex';
    currentMessageIndex++
  };

function hidePopup() {
    popup.style.display = 'none';
    setTimeout(showPopup, 5000);
};

setTimeout(showPopup, 3000);

;

// Pop up Section

// About Section Counter
document.addEventListener("DOMContentLoaded", function () {
  let valueDisplays = document.querySelectorAll(".num");
  let interval = 1000;
  valueDisplays.forEach((valueDisplay) => {
      let startValue = 0;
      let endValue = parseInt(valueDisplay.getAttribute("data-val"));
      let duration = Math.floor(interval / endValue);
      let counter = setInterval(function () {
          startValue += 1;
          valueDisplay.textContent = startValue;
          if (startValue == endValue) {
          clearInterval(counter);
      }
      }, duration);
  });
  });
// About Section Counter

const register_form = document.getElementById('Register');
const login_form = document.getElementById('login');
const signup_form = document.getElementById('signup');
const login_btn = document.getElementById('login-btn');
const logout_btn = document.getElementById('logout-btn');
const register_btn = document.getElementById('register-btn');

function register(){
  register_form.style.display = 'block';
  login_form.style.display = 'none';
  signup_form.style.display = 'none';
  login_btn.style.display = 'block';
  register_btn.style.display = 'none';
}

function login(){
  register_form.style.display = 'none';
  login_form.style.display = 'block';
  signup_form.style.display = 'none';
  login_btn.style.display = 'none';
  register_btn.style.display = 'block';
}

function signup(){
  register_form.style.display = 'none';
  login_form.style.display = 'none';
  signup_form.style.display = 'block';
}


function Logout() {
  localStorage.removeItem('token')
  window.location.reload()
}