Advertisement
eimkasp

Javascript event listeners

Mar 23rd, 2017
148
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  2. // Visada grazins viena elementa
  3. var button = document.getElementById("mygtukas");
  4.  
  5. // Visada grazins elementu masyva
  6. var heading = document.querySelector("h1");
  7. var photos = document.getElementsByClassName('nuotrauka');
  8.  
  9. for(var i = 0; i < photos.length; i++) {
  10.     photos[i].addEventListener("click", changeColor);  
  11. }
  12.  
  13. heading.addEventListener("click", changeColor);
  14.  
  15. button.addEventListener("click", showAlert);
  16.  
  17. function showAlert() {
  18.     alert("Sveikinu, tu laimejai iPhone");
  19. }
  20.  
  21. function changeColor() {
  22.     // this kintamasis grazina elementa kuris buvo paspaustas
  23.     /* Informacija apie classList: https://developer.mozilla.org/en/docs/Web/API/Element/classList */
  24.     this.classList.toggle("red");
  25. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement