Здравствуйте, после выполнения данного скрипта (выполняется по кнопке
<button class="rebsd" onclick="elementUpdate(this, '.qqqq');">Нажми меня</button>
<script>
async function elementUpdate(target, selector) {
const clickCount = parseInt(target.dataset.clickCount) || 0;
if (clickCount == 5)
{
return false;
}
target.dataset.clickCount = clickCount + 1;
target.disabled = true;
setTimeout(() => target.disabled = false, 3800);
try {
var html = await (await fetch(location.href)).text();
var newdoc = new DOMParser().parseFromString(html, 'text/html');
document.querySelector(selector).outerHTML = newdoc.querySelector(selector).outerHTML;
console.log('Элемент ' + selector + ' был успешно обновлен');
return true;
} catch (err) {
console.log('При обновлении элемента ' + selector + ' произошла ошибка:');
console.error(err);
return false;
}
}
</script>
перестает работать вот этот(как раз перестает добавляться\переключаться class в блоке, который был обновлен)
<script>
const recbycategoryq = document.querySelectorAll(".qwerty");
const recsbycategoryslidesq = document.querySelectorAll(".qwerty1");
var sliderNavigator = function(manual){
recbycategoryq.forEach((recbycategoryq) => {
recbycategoryq.classList.remove("active");
});
recbycategoryslidesq.forEach((recbycategoryslideq) => {
recbycategoryslideq.classList.remove("active");
});
recbycategoryq[manual].classList.add("active");
recbycategoryslidesq[manual].classList.add("active");
}
recbycategoryq.forEach((recbycategoryq, i) => {
recbycategoryq.addEventListener("click", () => {
sliderNavigator(i);
});
});
</script>
codepen.io/texas1907/pen/GRybjGy <- здесь все работает, но на локалке и сервере нет.
Нужно, чтобы после первого скрипта не переставал работать второй скрипт.