JavaScript DOM манипуляции в браузере ⇐ Javascript

[Anonymous]

Я пытаюсь получить элемент и свойство элемента и обновить размер с помощью Keypresses. Я нажимаю на up'Arrowup 'и down «Arrowdown», но ничего не происходит, свойство Fontsize не меняется. Может ли кто -нибудь объяснить, почему Eventlistener не работает? Заранее спасибо. < /P>
let example = document.querySelector('exampleElement')
let exampleSize = getFontSize(example);

function getFontSize(element) {
return parseInt(window.getComputedStyle(element).fontSize);
}

example.addEventListener('keydown', (event) => {
switch(event.key){
case 38:
example.style.fontSize = `${exampleSize + Math.ceil(exampleSize * .10)}px`;
break;
case 40:
ballon.style.fontSize = `${exampleSize - Math.ceil(exampleSize * .10)}px`;
break;
}
});
< /code>
Я пытался переписать эту функцию в течение более двух часов, любая помощь будет высоко оценена! Я ожидаю, что элемент HTML будет «расти», когда нажата кнопка стрелки вверх на плате клавиш и обратно, когда нажата кнопка стрелки вниз.

Подробнее здесь: https://stackoverflow.com/questions/797 ... he-browser