[东北师范大学]你来修补漏洞-JavaScript基础与应用(资料)
同学,你好!经过10周的学习,你已经不再是个前端小白了,现在这里有2个任务,请你任选一个完成。如果你感兴趣,也可以两个都完成哦,来证明你的实力吧。请注意,在老师批阅前,你可以多次提交,一旦老师批阅就不能再提交啦!请慎重提交哦。提交任务后请到课程问答栏目,找一下老师发的关于这个活动的主题帖,按老师的要求至少回复一个帖子,回帖也计入总成绩哦。
任务一
问题
消息对话框通常用于询问一些需要与用户交互的信息。弹出消息对话框(包含一个确定按钮、取消按钮与一个文本输入框)。王小希同学就是想要制作一个这样的prompt 消息对话框。他想要实现的效果如下所示,当在对话框中输入分数后,实现针对不同分数的判定结果。
大于90分,点击确定,出现“你很棒!”
大于75分,点击确定,出现“不错呦!”
大于60分,点击确定,出现“要加油!”
其它分数,点击确定,出现“要努力了!”
为了实现这样的效果,王小希写了一段代码,不幸的是,代码里面存在bug,他找了好几遭也没有找到问题在哪里,你可以帮他吗?
任务
在王小希的代码中找出存在的bug,并加以修改,使之可以实现目标效果。
如果你也遇到难题了,不要灰心丧气,我们给你准备了求助卡和军师卡。这下是不是比较开心了呢?加油吧!
求助卡:到微信群内找伙伴寻求帮助,问问大家是怎么解决的。
军师卡:到平台问答区发帖请教辅导老师,请军师给你指点迷津。
王小希的代码:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>prompt</title>
<script type="text/javascript">
function rec(){
var score; //score变量,用来存储用户输入的成绩值。
score =prompt("你的分数是多少?") ;
if(score>=90)
{
Document,write("你很棒!");
}
else if(score>=75)
{
Document,write("不错吆!");
}
else if(score>=60)
{
Document,write("要加油!");
}
else
{
Document,write("要努力了!");
}
}
</script>
</head>
<body>
<input name="button" type="button" value="点击我,对成绩做评价!" />
</body>
</html>
任务二:
问题:刚进入职场前端程序员钱小枫正在做学生JavaScript考试成绩的判定页面。他想要实现这样的效果:
JavaScript考试成绩中,numa(表示笔试)考了60分,numb(表示实践)考了70分,只有两项成绩都大于或等于60分,该课程考核就通过。
为了实现这样的效果,钱小枫写了一串代码,但是在运行时发现存在bug,需要调整,你可以和他一起尝试改一改吗?
任务:在钱小枫的代码中找出存在的bug,并加以修改或补充,使之可以实现目标效果。
如果你也遇到问题了,怎么办?给你支个招吧,你可以使用求助卡和军师卡。
求助卡:到微信群内找伙伴寻求帮助,问问大家是怎么解决的
军师卡:到平台问答区发请教贴给辅导老师,请军师给你指点迷津
钱小枫写的代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>逻辑与</title>
<script type="text/javascript">
var numa,numb;
numa=60;
numb=70;
if( numa>=60,numb>=60 )
{
document.write("JavaScript考核通过!"+"<br>");
}
</script>
</head>
</body>
</html>
页:
[1]