А вообще, вот тебе ультимативный ответ
https://2020.stateofjs.com/en-US/technologies/build-tools/

Попробую тогда ролап, showpack ес билд, спасибо

Вот тут например описывается неплохой способ, как можно получить просто значений, но это немного другое

Как дождаться этот блок кода и обновить рендер? дело в том что у меня внутри imageId  promise лежит и мне нужно чтобы реакт сделал рендер когда картинки подгрузятся, ну то есть запрос в промисе отработает

надо в js засунуть функцию php

подскажите, пожалуйста, что здесь не так ?

Что такое slides и где оно в коде и в хтмл

Потому что у const блочная видимость и переменная slide не определена

переменная, вверху определена. отбирает все с классом .slide

типа псевдомассив

slides а в ней .slide

А блин у тебя фор оф неправильный

for (const slide of slides) {}

"use strict";

const prev = document.getElementById("btn-prev"),
     next = document.getElementById("btn-next"),
     slides = document.querySelectorAll(".slide"),
     dots = document.querySelectorAll(".dot");

let index = 0;


const activeSlide = n => {
   for( const slide of slides) {
       slide.classList.remove("active");
   }
   slides[n].classList.add("active");
}

const nextSlide = () => {
   if(index == slides.length - 1) {
       index = 0;
       activeSlide(index);
   } else {
       index++;
       activeSlide(index);
   }
}

const prevSlide = () => {
   if(index == 0) {
       index = slides.length -1;
       activeSlide(index);
   } else {
       index--;
       activeSlide(index);
   }
}

next.addEventListener("click", nextSlide);
prev.addEventListener("click", prevSlide);

ye

ну

no

не хочет