Ebbe mi a hiba? (A Javascript részénél nem működik.) HELP

Nem vágom pontosan, hogy minek teszed be egy funkcióba, ha nem hívod meg a funkciót.

Így működik:

<script>

document.getElementById("a1").addEventListener("click", function() {

alert("Hello World");

});

</script>

Persze, lehet, hogy nem értem, mit szeretnél pontosan, de ha csak annyi, hogy helló legyen a world, akkor tessék. :)

Itt egy példa a megvalósításra:

* [link]

teljes kódként (elkülönítve a struktúra - HTML - a kinézettől - CSS - és a viselkedéstől - JS):

* HTML: [link]

* CSS: [link]

* JS: [link]

nem kell külön "kód" minden egyes gombhoz, a gombokhoz kell hozzárendelni a gombra való kattintáskor lefutó függvényt, ami a gomb értéke alapján dönti el, hogy mit csináljon.

Tehát ne legyen function-be az addEventListenered, hiszen csak akkor kerül rá a click figyelés, ha lefut a calc(), ami jelenleg nem fut le.

De amúgy ha így csinálod (a függvénybe rakáson kívül), akkor se fog az összes gombon menni, csak az a1-en. adj az összesnek ugyanolyan classt (btn), keresd ki azzal az összes gombot:

const buttons = document.querySelectorAll('.btn');

iterálj rajta végig és add hozzá mindhez az addEventListenert, ezt sokféleképpen megteheted, pl:

for(let button of buttons) {

button.addEventListener('click', () => {

alert('hello');

});

}