Konsola wyrzuca undefined

Question

Mam krótki kod JS, w którym robię kalkulator.

const screenTop = document.querySelector('.calculator-screen-top');
const screenBottom = document.querySelector('.calculator-screen-bottom');

let keysNumber = document.querySelectorAll('.key-number');

for (let keyNumber of keysNumber)
{
keyNumber.addEventListener('click', viewNumbers);
}

function viewNumbers(e)
{
if (e.target.matches('.key-number'))
{
screenTop.textContent = e.innerHTML;
console.log(e.innerHTML);
}
}

trzecia linijka od dołu wyrzuca w konsoli undefined

 

Mimo, żę po wpisaniu

console.log(e);

konsola wyświetla parametr inneHTML odpowiedni dla swojego przycisku (np 7 dla przycisku 7)

Jak wyświetlić tę cyfrę na ekranie kalkulatora po jej naciśnieciu

Answer 1

W zmiennej e masz zdarzenie, nie element HTML. Ten jest w e.target – czyli e.target.innerHTML.