满足条件后运行其余代码

Question

如果条件在我大于9后继续运行，请问我该怎么做

var i = 0;
var x = document.querySelector(".start");
x.addEventListener("click", function () {
    if (i < 10) {
        console.log(i);
            i++;
    }
})
if (i === 10) {
    console.log(i);
}
  

<button class="start">start</button>

Answer 1

您可以将检查移到事件回调的内部，并检查该值是否为十，然后提早返回。

否则，增加i并输出所需的输出。

var i = 0;
var x = document.querySelector(".start");
x.addEventListener("click", function () {
    if (i === 10) return;
    i++;
    if (i < 10) {
        console.log(i);
    } else {
        console.log('ten');
    }
})

<button class="start">start</button>