Вызов функций через кнопки больше не работает, если страница обновляется без перезагрузки страницы. ⇐ CSS

[Anonymous]

Я хочу написать программу с одной HTML-страницей, которую я могу обновлять и наполнять различными элементами с помощью JavaScript с помощью одной кнопки, которая остается одинаковой в каждой версии и отображает модальный блок. Я сделал очень простую версию: одну страницу, заполненную двумя кнопками (следующая и последняя) для навигации по страницам и одной для отображения модального окна. Кроме того, я добавил число, которое соответственно увеличивается или уменьшается при переходе по обновленным версиям страницы.

Код: Выделить всё

var counter = 1;

function setUp(){
var c = document.getElementById("container");
var d = document.createElement("div");
d.setAttribute("id", "main");
d.innerHTML = counter;

var nxt = document.createElement("button");
var bck = document.createElement("button");
var modalBtn = document.createElement("button");

nxt.innerText = ">";
bck.innerText = "

Подробнее здесь: [url]https://stackoverflow.com/questions/73511801/calling-functions-via-buttons-does-not-work-anymore-if-page-is-updated-without[/url]