Zadarzenie on click

PrzykÂład 1. Kod pokazuje jak uruchomiĂŚ funkcje w JavaScript, zmieniajÂącÂą kolor przycisku po klikniĂŞciu na niego. Przycisk "button", zostaÂł wyposaÂżony w zdarzenie onclick. Zdarzenie onclick, powoduje, Âże po najechaniu na przycisk kursorem myszki i klikniĂŞciu na lewy klawisz mysz , uruchomiona zostanie funkcja uruchom(this). Argumentem funkcji (czyli tym co jest w nawiasie okragÂłym) jest zmienna this. Argument "this" oznacza, Âże zmienne bĂŞdÂą pobierane sÂą z elementu, ktĂłry wywoÂłaÂł funkcjĂŞ. W tym przypadku bĂŞdzie to wciÂśniĂŞty przycisk. W dalszej czĂŞÂści funkcji wprowadzone jest polecenie x.style.bacgroundColor='yellow'. Oznacza, to ,Âże do obiektu x zostanie przypisany kolor tÂła jako ÂżĂłÂłty. W czasie wywoÂłania funkcji za x podstawiany jest arument "this", czyli zmiana dotyczyĂŚ bĂŞdzie przycisku, ktĂłry wywoÂływaÂł funkcjĂŞ.

<html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<link href="tabela.css" type="text/css" rel="stylesheet">
<title> ON click_event</title>
</head>

<body>
<button onclick="uruchom(this)">WciÂśnij</button>
<script>
function uruchom(x) {
x.style.color = 'red';
x.style.backgroundColor='yellow';

}
</script>
</body>
<html>