|
|
同学，你好！经过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>
|
|
发表于 2019-10-24 14:46:02
