JavaScript - podstawy
JavaScript to język skryptowy. Możemy wykorzystywać skryptów umieszczonych w samym pliku html jak i osobnym pliku z naszym kodem skryptowym.
Przykłady:
Umieszczenie kodu JavaScript w pliku index.html:
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>JavaScript - podstawy</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script>
alert('JavaScript - podstawy');
</script>
</head>
<body>
</body>
</html>
Ten sam kod natomiat w oddzielnych plikach
index.html
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>JavaScript - podstawy</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="script.js"></script>
</head>
<body>
</body>
</html>
script.js
alert('JavaScript - podstawy');
Zmienna w JavaScript
var zmienna1 = 5; // - typ liczbowy integer
var zmienna2 = "tekst"; // - typ tekstowy string
var zmienna3 = true; // - type logiczny boolean przyjmuje wartosci (true oraz false)
var zmienna4 = null; // pusta zmienna niezadeklarowanego typu
var zmienna5; // zmienna, ktora jest domyslnie nieznana
Pomocnicze funkcje wbudowane
alert('Wiadomosc'); // wiadomosc dla uzywkownika strony w przegladarce
confirm('Wiadomosc'); // wiadomosc dla uzytkownika z mozliwoscia potwierdzenia, bądź zaprzeczenia
prompt('Wiadomosc'); // wiadomosc dla uzywkownika z mozliwoscia dodania wlasnej tresci zwrotnej
console.log('Wiadomosc'); // wiadomosc wysylana do przegladarki internetowej (Konsoli przegladarki)
Instrukcje warunkowe
if (warunek) {
// instrukcje, jezeli warunek jest spelniony (prawda)
}
if (warunek) {
// instrukcje, jezeli warunek jest spelniony (prawda)
} else {
// instrukcje, jezeli warunek nie jest spelniony (falsz)
}
/*
Switch jest instrukcja do sprawdzenia zmiennej, ktora chcemy interpretowac na rozne sposoby.
Kazda instrukcja 'case' to oddzielne zachowanie dla danej wartosci naszej zmiennej.
instrukcja 'default' sluzy do zapisania domyslnych instrukcji
Ponizszy przyklad bedzie ukazywal nasz interpretacje wieku
*/
var wiek = 18;
switch (wiek) {
case 18:
console.log('Masz 18 lat.');
break;
case 25:
console.log('Masz 25 lat.');
break;
default:
console.log('Nie sprecyzowano Twojego wieku.');
break;
}
Parsowanie zmiennych
Zmienne mozemy prasowac inaczej mowiąc zamieniać na inny typ.
Poniżej poznamy zamiane stringa na integer.
var liczba = Number.parseInt("5"); // nasza zmienna jest równa 5
// domyślna funkcja do zmiany to Number.parseInt(zmienna);
// zmienna jaka przekazujemy do naszej funkcji musi byc zmienna typu string