关于js入门篇第2-4节课prompt的疑问
我想增加一个在未输入内容点击确定时出现“你未输入成绩”的选项，该如何做呢？
此外我还想要所有选项在点击取消时出现“你点击了取消”这样的情况又该怎么操作，可以实现吗？
求大神帮忙，我试了好多次了，都会出现各种各样的问题，无法两者同时实现。
LY_1124
2016-03-31
4 回答
使用下面代码可以实现。添加了两个判断语句：1.先判断是否点击了取消：如果点击取消，则confirm返回null，所以添加if（score == null）输出你点击了取消 2.判断成绩是否为空：if（score == 0）输出你未输入成绩。 注意:这个判断相等是==（两个=）；一个=表示赋值。
<!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("请输入分数","60");
if (score == null) {
document.write("你点击了取消");
}
else if(score=="")
{
document.write("你未输入成绩");
}
else 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" onClick="rec()" value="点击我，对成绩做评价!" />
</body>
</html>
【更正一下笔误】添加了两个判断语句：1.先判断是否点击了取消：如果点击取消，则prompt返回null，所以添加if（score == null）{输出“你点击了取消”} 2.判断成绩是否为空：else if（score == 0）{输出“你未输入成绩”} 注意:这个判断相等是==（两个=）；一个=表示赋值。
代码如下，没有变化
<!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("请输入分数","60");
if (score == null) {
document.write("你点击了取消");
}
else if(score=="")
{
document.write("你未输入成绩");
}
else 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" onClick="rec()" value="点击我，对成绩做评价!" />
</body>
</html>
举报
0/150
提交
取消
