Untitled

// // document.getElementById('tekst').textContent = "Nowy tekst na stronie"; // zmieiam wartosc tekstową elementu
// // document.getElementById('tekst').innerHTML = '<h1>NOWY NAGLOWEK ZAMIAST TEKSTU</h1>'; // zmieniam html

// // var tekst = document.getElementById('tekst').textContent; // zmienna kopujaca tekst z html
// // var tlumaczBtn = document.getElementById('tlumaczBtn'); // zmienna referencji do przycisku 

// document.getElementById('tlumaczBtn').addEventListener("click", tlumaczTekst); // przypisanie zdarzenia click do przycisku

// function tlumaczTekst() {
//   document.getElementById('tekst').textContent = "NOWY TEKST";
// }

document.getElementById('zaloguj').addEventListener('click', logowanie);

function logowanie(){
  
  // Mock/DEMO poprawne wartosci logowania 
  const loginDB = "gigant123";
  const passDB = "pass123";
  
  // uzytkownika wartosci logowania
  const login = document.getElementById('login').value;
  const pass = document.getElementById('pass').value;
  
  // Sprawdzam jak poszlo logowanie
  // 1. Sprawdzam czy dane nie sa puste 
  if (login.length == 0 || pass.length == 0){
    document.getElementById('infoLogowanie').textContent = "Podaj login i hasło. Pola nie mogą być puste";
  }
  else {
    // 2. Sprawdzam czy dane pasują 
    if (login == loginDB || pass == passDB){
      document.getElementById('infoLogowanie').textContent = "Zalogowano pomyślnie.";
    }
    else {
      document.getElementById('infoLogowanie').textContent = "Podaj prawidłowy login i hasło.";
    }
  }
}