index.js

//jeito um de fazer evento ---------------------------------------------------------
const elem = document.getElementsByTagName("button")
const myevent = () => {
    alert("pressão")
}

//jeito 2 de fazer evento
const eleme = document.getElementById("btn")
eleme.onclick = () => {
    alert("pressao2")
}


//nos eventos conseguimos ver suas propriedades e chamar elas tambem
const elemen = document.getElementById("btn1")
elemen.onclick = (event) => {
    console.log(event)
    console.log(event.type)
}

//add um 'OUVIDOR' aos elemntos ---------------------------------------------
//#1 maneira de fazer
const element = document.getElementById("btn2")

element.addEventListener('click', () => {
    console.log("voce cricou no 4 btn!k")
})

//#2 maneira de fazer
const element1 = document.getElementById("btn3")
const mylistener = () => {
    console.log("vc cricou no 5 btn!")
}

element1.addEventListener('click', mylistener)