JS — arrow function, “this”. and setTimeout

i’ve stumbled on this

Arrow function can’t get ‘this’ that i wanted

const key = document.querySelector(".key");
key.addEventListener("click", () => {
  console.log(this)
 });
//window
key.addEventListener("click", funciton (){
  console.log(this)
 });
//<div class="key">this</div>

I can’t get dom element -‘div.key’ but just window.

why?

check it out below. what does mr. wes tell us .

https://wesbos.com/arrow-functions-this-javascript/