Missing the following properties from type 'EventTarget'

Question

Hello I have this piece of code in TypeScript

 var btn  = document.getElementsByClassName("btn-up") as EventTarget;
 btn.addEventListener('click', (event) => {
 console.log('clickcc');
})

And It throws me this error * Type 'HTMLCollectionOf' is missing the following properties from type 'EventTarget': addEventListener, dispatchEvent, removeEventListener *

Please how to fix it?

Answer 1

This will returns the array of elements, not just a single element:

document.getElementsByClassName("btn-up") as EventTarget

To:

document.getElementsByClassName("btn-up")[0] as EventTarget

WORKING DEMO: