Porque getElementsByClassName()
devuelve en un array
la cantidad de elementos encontrados, por ende la variable btn
es un array
y entonces al intentar hacer addEventListener()
te dice que no es una función.
Conclusión, lo que deberías hacer es o bien recorrer todos los elementos del array y agregale los eventos o decirle que sólo al primero le cree el evento (eso si sólo si vas a saber que es sólo uno).
En tu caso
Simplemente agregando el índice del primer array:
var btn = document.getElementsByClassName('btn');
btn[0].addEventListener('click', adding, false);
function adding(e){
e.preventDefault();
console.log(e);
}
Haciendo un for
La mejor forma para estos casos es crear un for
para todos los elementos encontrados:
var btn = document.getElementsByClassName('btn');
for (var i = 0; i < btn.length; i++) {
btn[i].addEventListener('click', adding, false);
}
function adding(e){
e.preventDefault();
console.log(e);
}