JavaScript - program na zaliczenie ;)

0

Wczoraj zacząłem przygodę z java, próbuje stworzyć stronę z systemem logowania, natomiast po uruchomieniu strony przycisk zaloguj nic nie robi, w czym błąd. Czy to przez <body onload... ?

<!DOCTYPE>
<html lang="pl">

<head>
  <meta charset = "utf-8" />
  <script 
  type="text/javascript" src="timer.js">
  type="text/javascript" src="logowanie.js">
  </script>
  
  
</head>
<body onload="odliczanie();">
  <div id="zegar"></div>
  
  <input type="text" id="login"/>
  <input type="text" id="haslo"/>
  <input type="submit" value="zaloguj" onclick="logowanie()"/>
  
  <div id="wynlog"></div>
  

</body>
</html>

function odliczanie()
 {
   var dzisiaj = new Date();
   var dzien = dzisiaj.getDate();
   if(dzien<10) dzien = "0"+dzien;
   var miesiac = dzisiaj.getMonth()+1;
   if(miesiac<10) miesiac = "0"+miesiac;
   var rok = dzisiaj.getFullYear();
   
   var godzina = dzisiaj.getHours();
   if(godzina<10) godzina = "0"+godzina;
   var minuta = dzisiaj.getMinutes();
   if(minuta<10) minuta = "0"+minuta;
   var sekunda = dzisiaj.getSeconds();
   if(sekunda<10) sekunda = "0"+sekunda;
   
   document.getElementById("zegar").innerHTML = dzien+"/"+miesiac+"/"+rok+" | "+godzina+":"+minuta+":"+sekunda;
   
   setTimeout("odliczanie()",1000);
   
  }

function logowanie()
  {
    var login = document.getElementById("login").value;
	var haslo = document.getElementById("haslo").value;
	if(login == 123) document.getElementById("wynlog").innerHTML="zalogowano";
	else(login !=123) document.getElementById("wynlog").innerHTML="popraw login/hasło";
  }
2 
<script 
  type="text/javascript" src="timer.js">
  type="text/javascript" src="logowanie.js">
  </script>

W tym fragmencie masz określone, że mamy dołączyć dwa pliki z JavaScriptem. Po pierwsze - czy te pliki są rzeczywiście dostępne? Znaczy - jak np. weźmiesz podgląd źródła strony (Ctrl+U) to czy adresy w src będą klikalne, a po ich kliknięciu wyświetli się ich treść?

Poza tym - widzę, że chcesz w jednej parze <script> ... </script> podlinkować kilka plików. Szczerze mówiąc to się z czymś takim nie spotkałem i wedle mojej wiedzy to takie coś jest niepoprawne, aczkolwiek specjalistą od frontu nie jestem, więc mogę po prostu czegoś nie wiedzieć (jeśli taki zapis jest dopuszczalny to się przynajmniej czegoś nowego nauczę). W każdym razie sprawdzenie w necie sugeruje, że mam rację i nie jest to zapis poprawny:

https://stackoverflow.com/questions/11493586/multiple-sources-for-a-javascript-file

It is not possible to load multiple javascript files in a single <script> element.
You have to have to have an individual <script> element for each script you are referencing..

Więc na początku spróbuj dołączyć te pliki z JS w sposób poprawny - czyli umieścić 2x ich dołączenie (tag <script>) - osobno dla każdego pliku. Od tego zacznijmy, a potem zobaczymy, co będzie dalej.

i tak, jak koledzy napisali powyżej - JavaScript ma z Java tyle wspólnego co świnka morska z żaglowcem ;) To taka porada na przyszłość - zwracaj na to uwagę, bo to są całkowicie odmienne technologie.

4

Źle używasz znacznika script

<script 
  type="text/javascript" src="timer.js">
  type="text/javascript" src="logowanie.js">
</script>

powinno to wyglądać w taki sposób, czyli na każdy plik przypada jeden znacznik script

<head>
  <meta charset="utf-8">
  
  <script src="timer.js"></script>
  <script src="logowanie.js"></script>
</head>

teraz atrybuty onload, oraz onclick powinny działać, ale jest to dość przestarzały zapis i zazwyczaj używa się do tego addEventListener (https://kursjs.pl/kurs/events/events.php)

1 użytkowników online, w tym zalogowanych: 0, gości: 1