event object

last-endcode · last-endcode · commit 978e7b769086 · 2020-10-29T06:24:04.000+07:00
diff --git a/20_event_object.js b/20_event_object.js
@@ -5,24 +5,20 @@
 // this keyword
 // preventDefault() - prevents default behaviour
 
-const heading = document.querySelector('h1');
 const btn = document.querySelector('.btn');
-const link = document.querySelector('#link');
-
-heading.addEventListener('click', function (e) {
-  e.currentTarget.classList.add('blue');
-});
+const heading = document.querySelector('h1');
+const link = document.getElementById('link');
 
 btn.addEventListener('click', function (e) {
+  // console.log(this); //<button class="btn">click me</button>
+  // console.log(e.currentTarget); //<button class="btn">click me</button>
   e.currentTarget.classList.add('red');
-  //   for check type event listener
-  console.log(e.type); //click
 });
 
-// // callback as reference
-function callink(e) {
-  //   //will undefined and if link click not back again to top
-  console.log(e.preventDefault());
+function callLink(e) {
+  // here link can't scroll top again
+  // will stuck cz preventDefault()
+  e.preventDefault();
 }
 
-link.addEventListener('click', callink);
+link.addEventListener('click', callLink);
