jesteś tutaj
529
Funkcje anonimowe, zasięg i domknięcia
Jazda próbna z licznikiem kliknięć
No dobrze, połączmy zatem kody HTML i JavaScript, zapisując je
w jednym pliku,
divClosure.html, a następnie wypróbujmy działanie strony.
Wczytaj stronę w przeglądarce i kliknij przycisk, aby inkrementować
wartość licznika. Powinieneś zobaczyć, że komunikat wyświetlony
w elemencie
<div>
został zmodyfikowany. Popatrz jeszcze raz na kod
i upewnij się, że rozumiesz, jak działa. Kiedy już to zrobisz, przewróć
kartkę — na następnej stronie dokładnie analizujemy to rozwiązanie.
<html lang=”pl”>
<head>
<meta charset=”utf-8”>
<title>Kliknij mnie!</title>
<style>
body, button { margin: 10px; }
div { padding: 10px; }
</style>
<script>
window.onload = function() {
var count = 0;
var message = ”KliknÈïeĂ mnie ”;
var div = document.getElementById(”message”);
var button = document.getElementById(”clickme”);
button.onclick = function() {
count++;
div.innerHTML = message + count + ” razy!”;
};
};
</script>
</head>
<body>
<button id=”clickme”>Kliknij mnie!</button>
<div id=”message”></div>
</body>
</html>
Oto rezultat, który
uzyskaliśmy.
Uaktualnij kod pliku divClosure.html,
by odpowiadał przykładowi
przedstawionemu na tej stronie.
Get Programowanie w JavaScript Rusz głową! now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
