Uvod

Događaji su pojave, koje su najčešće rezultat nečega što korisnik uradi (klik mišem, klik na tastaturi, drag and drop….), mada mogu biti izazvane i od strane sistema, browsera… Registrovanje dogadjaja na nekom HTML elementu podrazumeva vezivanje osluškivača dogadjaja (eng. event listener) za HTML elemenat i definisanje posledice tog događaja. Event listener nakon izvršenog dogadjaja poziva na akciju obrađivače događaja (eng. event handler). Event handler je callback funkcija koja se aktivira kao posledica nekog dogadjaja.

?

 - (LINK) Rad sa JavaScriptom i DOM događajima -


Primer 1 > rad sa let, var ili bez ijednog?

html ->

<h1 id='naslov' onclick="klik()" onmouseleave="klik2()">
        rad sa JavaScript-om
    </h1>

js ->

function klik() {
    document.getElementById('naslov').style.color="red";
    a=5;
   // let a = 6;
   // var a = 7;
}
function klik2() {
    {
        var b=3;
        // let b = 4;
       // b = 10;
    }
    alert(a);
    //alert(b);
}

Isprobati sve varijante - i one koje su pod komentarima.

Objašnjenje:

  • ako koristite let, promenljiva je vidljiva unutar bloka u kojem je (između zagrada između kojih se nalazi)
  • ako koristite var, promenljiva je vidljiva unutar funkcije u kojoj je
  • ako ništa ne navedete promenljiva je vidljiva globalno - svuda

 

Primer 2- > Radimo deo u kojem koristimo redirekciju>

<button onclick="klik3()">klikni na mene</button>

    <a href="http://google.com">
        <h2>
            idi na google
        </h2>
    </a>
i
function klik3() {
  // var adresa = location.href;
  alert("ajeeeeee");
  alert('Ejaaaaaa');
    location.href="https://google.com";
   // alert(adresa);
}
... isprobati varijante i pod komentarima

 Radimo počev od dela "Šta je to DOM" pa sve do naslova: " Direktno referenciranje funkcije"  ......


Last modified: Thursday, 23 March 2023, 11:52 AM