javascript - 为什么这个“if”语句放置有效

Question

有人可以告诉我为什么第一个代码有效而第二个无效。我认为第二个代码会起作用。它应该返回点击数直到 5，然后打印“已经足够”。但我不知道为什么第二个代码不起作用。唯一的区别是我改变了“如果”的位置

function buttonClicked() {
    let counter = 0;
    $(".clicker").click(function(event) {
        counter += 1;
        $(".clicks").html(`${counter} Clicks`)
        if (counter > 5) {
            $(".clicks").html("enough already")
        }
    })
}


function buttonClicked() {
    var counter = 0;
    $(".clicker").click(function(event) {
        counter += 1;
        if (counter > 5) {
            $(".clicks").html("enough already")
            $(".clicks").html(`${counter} Clicks`)
        }
    })
}

标签： javascript

Answer 1

第二个代码不起作用，因为您仅在点击计数器大于 5 时才显示点击计数器。

这是您的第二个格式更清晰的代码。

if (counter > 5){
    $(".clicks").html("enough already")
    $(".clicks").html(`${counter} Clicks`) //this should be outside 
}

工作代码（第一个）：

$(".clicks").html(`${counter} Clicks`) //update value per click (correct)
if (counter > 5){
    $(".clicks").html("enough already")
}