JavaScript cz 2

JavaScript
Logi - Debugowanie


Często potrzebujemy sprawdzić efekt działania bez
pokazywania tego użytkownikom
Consola JavaScript (F12)
Zmienne

Zmienne służą do przechowywania danych

JS nie wymaga podawania typu


var zmienna1;
zmienna1=2;
var zmienna2 = 3;
Wartości
Liczbowe:
1
3.14
Tekstowe:
”To jest napis”
'To jest napis'
Operatory
Przypisanie:
=
Arytmetyczne:
+, -, *, /, %, ++,--
Stringi – ciągi znaków
„sklejanie” - operator +, +=
Doklejanie liczb – też operator +
długość – var tekst=”tekst”;
var dlugosc= tekst.lenght;
Operatory logiczne
Typy danych
Liczbowe:
var x=12;
var x=12.00;
var x=12e5; // 1 200 000
var x=12e-5; // 0.00012
Logiczne – boolowskie:
Prawda – true, Fałsz – false
var x = true;
var y = false;
Typy danych
Tablice
służą do zebrania danych tego samego typu, np. nazwisk
uczniów:
var nazwiska= ["Adamski", "Kowalska", "Nowak"];
Funkcje
Służą do wykonania określonych operacji
Mogą posiadać parametry
Mogą zwracać jako swój wynik wartość
function nazwa(parametr1, parametr2, parametr3) {
Kod do wykonania
}
Funkcje
function pomnozPrzez2(liczba)
{
return liczba*2;
}
var x=pomnozPrzez2(5);
Zmienne lokalne i globalne
Zmienne lokalne – np.. w funkcjach
Zmienne globalne
Zdarzenia - events
<button onclick="displayDate()">The time is?</button>
Zdarzenie
Opis
onchange
Element HTML został zmieniony
onclick
Kliknięto na elemencie
onmouseover
Kursor myszy znajduje się nad
elementem
onmouseout
Kursor przestał znajdować się nad
elementem
onkeydown
Wciśnięto klawisz
onload
Przeglądarka skończyła
wczytywać stronę
Data i czas
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = Date();
</script>
Data i czas
Co w wypadku, gdy chcemy odczytać tylko część daty?
<script>
var d = new Date();
document.getElementById("demo").innerHTML = d.getTime();
</script>
Timer
Timer to funkcja która wykonuje się cały czas automatycznie
setInterval(nazwaFunkcji, milisekundy);
Instrukcje warunkowe
if(warunek)
{
Instrukcje;
}
else
{
Instrukcje;
}
If(warunek) instrukcja;
else
Instrukcja;
Instrukcje warunkowe
warunek
opis
==
równe
===
Równe co do wartości i typu
!=
nierówne
!==
Nierówne co do wartości i typu
>
Większe niż
<
Mniejsze niż
>=
Większe bądź równe
<=
Mniejsze bądź równe
warunek
opis
&&
And - i
||
Or - lub
!
negacja
Pętla for
for(i=0; i<10; i++)
{
Instrukcje;
}
Pętla while
while(warunek)
{
Instrukcje;
}