Reklama

Gamemaster · Wysłany: 2017-04-03, 17:02 **Mały poradnik :)**

Jako że robię nowe forum i korzystam też z JavaScript to postanowiłem taki fajny poradnik zrobić.

Co tu przedstawię?

Funkcje w Javascript

Funkcja Onclick()

Podpinanie JS

Funkcja Alert()

Zacznijmy!

1. Funkcje JS'a

W javascripcie można zdefiniować własne funkcje! ALE JAK?
otóż jest to proste. Tworzymy nowy plik z końcówką .js i go otwieramy. w nim zapisujemy:

Kod:

function funkc()
{

}

Co teraz zrobiliśmy? Zrobiliśmy funkcję z nazwą "funkc" (możecie zamienić na cokolwiek chcecie).
W klamrach umieścimy poszczególne funkcje.
Zróbmy zamieniane div'a content na coś innego!
W funkcji piszemy document.getElementById("content").innerHTML = "SKrypt JS";
Co to jest za linijka?

document = Dokument
getElementById("content") = Pobranie zawartości z diva o id content
innerHTML = Zamienienie tego diva na podany tekst.

linia funkcji powinna wyglądać tak:

Kod:

function funkc()
{
document.getElementById("content").innerHTML = "SKrypt JS";
}

2. Funkcja onclick()

Mamy tutaj pusty szablon strony html:

Kod:

<!DOCTYPE HTML>
<html lang="pl">
<head>
<title>Pokaz</title>
</head>
<body>
<div id="content">
<span>Zmień!</span>
</div>
</body>
</html>

W spanie dopisujemy:
onclick="funkc()"
Więc jeżeli na tego spana naciśniemy no to wywoła się funkcja funkc()!

3. Podpinanie JS

To nie będzie działać jeżeli nie podepniemy tego pliku!
więc w sekcji head wpisz:

Kod:

Właśnie podepneliśmy plik js do html!

3. Funkcja alert()

Znacie ten kwadracik wyskakujący po naciśnięciu czegoś tam? To też zrobimy!
Wróćmy do JS'a i dopiszmy:

Kod:

alert("Wciśnięto spana!");

alert() to linijka od tego kwadratu. Dopisz ją do funkcji funkc().

Mich@ł · Wysłany: 2017-04-04, 13:54

Całkiem fajny poradnik ;)

eloelo300 · Wysłany: 2017-04-04, 13:57

Uważam że ten poradnik mógłby się komuś naprawdę przydać.