Javascript 为什么我的程序没有显示在我的页面上

我正在编写这段代码，但当我尝试运行它时，我的页面上实际上没有显示任何内容。我错过了一些东西，我只是不知道现在是什么

我的HTML代码是：

新项目4>
砂箱
请输入字母等级（a、B、C、D、F）






决策人：


循环输出：


.each（）输出：

我现在正试图编写的Javascript代码如下所示：

$（文档）.ready（函数（）{
$（“#操作”）。单击（函数（）{
var letterGrade=$（'#letter grade'）.val（）.toUpperCase（）；
var myFavoriteThings=[]；
我最喜欢的东西。推（“家庭”）；
myFavoriteThings.push（“堪萨斯城酋长”）；
myFavoriteThings.push（“堪萨斯州野猫”）；
我最喜欢的东西。推（“卡拉OK”）；
//在评论之间写下你的决策结构。。。
如果（letterGrade==A）{.append（“A的等级范围：90%到100%”）
}
如果（letterGrade==B）{.append（“B的等级范围为80%到89%”），则为else
} 
如果（letterGrade==C）{.append（“C的等级范围为70%到79%”），则为else
}
如果（letterGrade==D）{.append（“D的等级范围为60%到69%”），则为else
}
如果（letterGrade==F）{.append（“F的等级范围小于60%”），则为else）
else{.append（“错误！输入的值无效。”）
});
//……这句话呢
//现在，在该注释之间编写for、while或do while循环。。。
while（myFavoriteThings”；
});
//……这句话呢
//使用jQuery.each（）方法循环
//此注释之间的myFavoriteThings数组。。。
$.each（myFavoriteThings，函数（索引）{
$（“#每个输出”）.append（myFavoriteThings+”
”；
});
//……这句话呢
});
});

我可能全错了。（我仍在学习此代码）我不确定我的出发点。

这里有一些问题：

1）

如果（letterGrade==A）

您正在检查名为

A

的变量的相等性，该变量以前未定义，也不是字符串

'A'

。以下

if

语句也存在同样的问题

2）

.append

将引发错误，因为方法或属性应与对象链接

.property

3）

（myFavoriteThings

这里您将比较数组及其长度

4） 在

each

中，您试图附加整个数组，而不是第n个元素

---

检查javascript控制台中是否存在任何其他错误此处，我将指出您犯错误的地方，我已经修复了这些问题。

<script type="text/javascript">
 $(document).ready(function() { 
    $('#action').click(function() {

    var letterGrade = $('#letter-grade').val().toUpperCase();
    var myFavoriteThings = [];
        myFavoriteThings.push("Family");   
        myFavoriteThings.push("Kansas City Chiefs"); 
        myFavoriteThings.push("Kansas State Wildcats"); 
        myFavoriteThings.push("Karaoke"); 

添加一个变量以跟踪当前访问的索引

• 声明'i'变量用于访问每个索引的数据 我最喜欢的东西

  //Now, write a for, while, OR do-while loop between this comment...
  var i = 0;
  while (i < myFavoriteThings.length) {
      $("#loop-output").append(myFavoriteThings[i] + "<br>");
      i++;
  }
  //...and this comment
  

  //现在，在此注释之间编写for、while或do while循环。。。
  var i=0；
  而（我<我最喜欢的东西.长度）{
  $（“#循环输出”）.append（myFavoriteThings[i]+“
  ”）；
  i++；
  }
  //……这句话呢
  

您没有使用为.each（）生成的索引。

• 使用索引并将其放在myFavoriteThings旁边，以便 访问其数据

  //Use the jQuery .each() method to loop through
     $.each(myFavoriteThings, function(index) {
         $("#each-output").append(myFavoriteThings[index] + "<br>");
  
     });
  //...and this comment
  
  });
  });
  </script>
  

  //使用jQuery.each（）方法循环
  $.each（myFavoriteThings，函数（索引）{
  $（“#每个输出”）.append（myFavoriteThings[index]+“
  ”）；
  });
  //……这句话呢
  });
  });
  

以下是完整的代码：

$（文档）.ready（函数（）{
$（“#操作”）。单击（函数（）{
var letterGrade=$（'#letter grade'）.val（）.toUpperCase（）；
var myFavoriteThings=[]；
我最喜欢的东西。推（“家庭”）；
myFavoriteThings.push（“堪萨斯城酋长”）；
myFavoriteThings.push（“堪萨斯州野猫”）；
我最喜欢的东西。推（“卡拉OK”）；
//在评论之间写下你的决策结构。。。
如果（letterGrade='A'）{
$（“#决策者”）。附加（“A的等级范围：90%至100%”）
}
如果（letterGrade='B'）{
$（“#决策者”）。附加（“B的等级范围为80%至89%”）
} 
否则如果（letterGrade='C'）{
$（“#决策者”）。附加（“C的等级范围为70%至79%”）
}
否则如果（letterGrade='D'）{
$（“#决策者”）。附加（“D的等级范围为60%至69%”）
}
else如果（letterGrade='F'）{
$（“#决策者”）。追加（“F的等级范围小于60%”）
}
否则{
$（“#决策持有者”）.append（“错误！输入的值无效。”）
}
//……这句话呢
//现在，在该注释之间编写for、while或do while循环。。。
var i=0；
而（我<我最喜欢的东西.长度）{
$（“#循环输出”）.append（myFavoriteThings[i]+“
”）；
i++；
}
//……这句话呢
//使用jQuery.each（）方法循环
//此注释之间的myFavoriteThings数组。。。
$.each（myFavoriteThings，函数（索引）{
$（“#每个输出”）.append（myFavoriteThings[index]+“
”）；
});
//……这句话呢
});
});

新项目4>
砂箱
请输入字母等级（a、B、C、D、F）






决策人：


循环输出：


.每个人
//Use the jQuery .each() method to loop through
   $.each(myFavoriteThings, function(index) {
       $("#each-output").append(myFavoriteThings[index] + "<br>");

   });
//...and this comment

});
});
</script>