Javascript jQuery打破了我的泡沫，为什么？

试图用一点html解决javascript中的气泡问题。我想把答案放在

中，并显示在页面上。为此，我需要使用fizzbuzz，并以某种方式将它们添加到UL的

元素中，并在jQuery中添加一个前缀或附加。我的代码运行良好，直到我将jQuery添加到等式中，将

添加到html中。我现在有数字/气泡蜂鸣器弹出警报

我试着放入

$（document）.ready（function（）{}

，将所有javascript都放在括号内。如果我这样做，它就会中断，即使javascript部分中实际上有0个jQuery。只会中断，就好像页面从来没有真正准备好，因此javascript永远不会运行

假设我可以让任何jQuery正常工作，我可以简单地将jQuery语句放在elseif语句中吗？ 例如：

else if (n1 % 5 === 0) {
        $("ul").prepend("<li>n1</li>")
    }

else如果（n1%5==0）{
$（“ul”）。前置（
n1
）
}

Javascript:

var number = prompt("number?");
var num_int = parseInt(number);

 var smack = new Array(num_int);

//populating array with numbers 1 through num_int
for (i = 0; i < smack.length; i++) {
    smack[i] = i+1;                         
              } //test again still working?

smack.forEach(function(n1) { //going through each array element, checking for fizz/buzz

    if (n1 % 3 === 0 && n1 % 5 === 0) {
        alert("fizz-buzz")

    }
    else if (n1 % 3 === 0) {
        alert("fizz")

    }
    else if (n1 % 5 === 0) {
        alert("buzz")
    }
    else {
        alert(n1)
    }


}); //end of forEach

var number=提示（“number？”）；
var num_int=parseInt（数字）；
var smack=新数组（num_int）；
//用数字1到num_int填充数组
对于（i=0；i

HTML:

嘶嘶作响

试验

---

提前感谢您的帮助！我相信这对于任何有经验的人来说都是一个非常简单的问题。我刚刚开始，虽然fizzbuzz的数学/逻辑部分非常简单，但要正确显示它真是让我头疼。

您应该在

脚本.js

之前加载

jquery

这里有一个

---

我添加了

$（'#hard'）。追加
将JQuery部分更改为：

var number = prompt("number?");
var num_int = parseInt(number);

var smack = new Array(num_int);

//populating array with numbers 1 through num_int
for (i = 0; i < smack.length; i++) {
    smack[i] = i+1;                         
              } //test again still working?

smack.forEach(function(n1) { //going through each array element, checking for fizz/buzz

    if (n1 % 3 === 0 && n1 % 5 === 0) {
        $('#hard').append("<li>fizz-buzz</li>");

    }
    else if (n1 % 3 === 0) {
       $('#hard').append("<li>fizz</li>");

    }
    else if (n1 % 5 === 0) {
        $('#hard').append("<li>buzz</li>");
    }
    else {
        $('#hard').append("<li>"+n1+"</li>");
    }


}); //end of forEach

var number=提示（“number？”）；
var num_int=parseInt（数字）；
var smack=新数组（num_int）；
//用数字1到num_int填充数组
对于（i=0；i嘶嘶嗡嗡声”；
}
否则如果（n1%3==0）{
$（“#hard”）。追加（
fizz
”；
}
否则如果（n1%5==0）{
$（“#硬”）。追加（
buzz
”；
}
否则{
$（“#硬”）。追加（“
”+n1+”
”）；
}
})；//forEach的结尾

会有帮助的

这里的更改在if条件内。您每次将li附加到ul，您的答案就会出现在列表中

希望这有帮助。
如果您的fizzbuzz逻辑在scripts.js文件中，您需要在jquery脚本之后加载它。否则，在您尝试引用它时，jquery将未定义。请尝试以下操作：
var number = prompt("number?");
var num_int = parseInt(number);

var smack = new Array(num_int);

//populating array with numbers 1 through num_int
for (i = 0; i < smack.length; i++) {
    smack[i] = i+1;                         
              } //test again still working?

smack.forEach(function(n1) { //going through each array element, checking for fizz/buzz

    if (n1 % 3 === 0 && n1 % 5 === 0) {
        $('#hard').append("<li>fizz-buzz</li>");

    }
    else if (n1 % 3 === 0) {
       $('#hard').append("<li>fizz</li>");

    }
    else if (n1 % 5 === 0) {
        $('#hard').append("<li>buzz</li>");
    }
    else {
        $('#hard').append("<li>"+n1+"</li>");
    }


}); //end of forEach