Question

我做了一个简单的简单滑块，现在我的变量出现了问题

我意识到每次＆＃34;前进＆＃34;按钮点按，＆＃34;点击＆＃34;变量只增加到1，它永远不会变得更大。我试图使用for语句，但它也没有用。如果有人能告诉我哪里出错，我将非常感激。

干杯

这是我的JS代码

const fw = document.querySelector(".test-button_forward");
const back = document.querySelector(".test-button_backwards");
const img1 = document.querySelector('.images_first.active');
const img2 = document.querySelector(".images_second");
const img3 = document.querySelector(".images_third");

let clicks = 0;


window.addEventListener('load', function() {
        console.log(clicks);

        fw.addEventListener('click', function() {
            for (clicks = 0; clicks < 2; clicks++) {
                if (clicks = 1) {
                    console.log(clicks);

                    img1.classList.remove('active');
                    img1.classList.add('hidden');

                    img2.classList.remove('hidden');
                    img2.classList.add("active");

                    console.log(clicks);
                    clicks = clicks + 1;

                } else if (clicks = 2) {
                    img2.classList.remove('active');
                    img2.classList.add("hidden");

                    img3.classList.remove('hidden');
                    img3.classList.add('active');

                    console.log(clicks);
                }
            }
        })
    }
)

Link to slider

Answer 1

在您的代码中：

if (clicks = 1) {

当您打算检查是否相等时，您将点击设置为等于1。所以改为：

if (clicks === 1) {

我认为这是你正在处理的问题。

Answer 2

如果你想转到2，你需要改变你的循环：

for (clicks = 0; clicks <= 2; clicks++)

并且不要将点击次数设为1：

if (clicks === 1) {

变量没有被迭代

2 个答案: