Cześć,
Prośba o pomoc z uruchomieniem prostego skryptu. Dodaje nasłuchiwanie do przycisku w html i wywoluje funkcję, która niestety nie uruchamia się. Kiedy wywołuję tę samą funkcje w konsoli skrypt działa tak jak powinien.
html:
<main class="container">
<div class="lesson">
<h2>Struktury danych - obiekty i tablice</h2>
<h3>Suma przedziału liczb</h3>
<p>Napisz funkcję o nazwie "range" przyjmującą dwa argumenty: "start" i "end", i zwracającą tablicę
wszystkich liczb od "start" do "end" włącznie.</p>
<hr>
<label for="start">Start:</label><br>
<input type="text" id="start"><br><br>
<label for="end">End:</label><br>
<input type="text" id="end"><br><br>
<button id="print">Wyświetlaj!</button>
<hr>
<div id="lesson1a">
</div>
</div>
</main>
js:
const btn = document.querySelector("#print");
const lesson1a = document.querySelector("#lesson1a");
const start = document.querySelector("#start");
const end = document.querySelector("#end");
const range = (x,y) => {
for(i = x; i<=y; i++){
//console.log(i);
const div = document.createElement('div');
div.textContent = i;
lesson1a.appendChild(div);
}
}
btn.addEventListener("click", range(parseInt(start.value),parseInt(end.value)));
Funkcja wywołana z konsoli:
Z góry dziękuję za pomoc