いくら考えてもわからないのですが、動画の 1:08 あたり

images.forEach((image, index) => {
    const img = document.createElement('img');
    img.src = image;/*img要素の生成*/

    const li = document.createElement('li');/*li要素の生成*/
    if (index === currentIndex) {
        li.classList.add('current');
    }
}

の、 li.classList.add で current を渡していますが、 HTML ではその名前のついたクラスを消したと思うのですが、

ここの current という指示はクラスではなく、今のを渡してねという意味ですか？でも '' で囲っているから文字列…？

でもそうすると色が濃くなる、というのも何でそのように実現できているかが解らなくなりました。

CSS で opacity の設定をしているはずですが、 HTML の方は削ってあるので…

すいませんが、ご教授お願いします。