我想增加一个在未输入内容点击确定时出现“你未输入成绩”的选项,该如何做呢?
此外我还想要所有选项在点击取消时出现“你点击了取消”这样的情况又该怎么操作,可以实现吗?
求大神帮忙,我试了好多次了,都会出现各种各样的问题,无法两者同时实现。
使用下面代码可以实现。添加了两个判断语句: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>
我也尝试了一下··确实搞不定
可以实现,可是现在我也不会 (๑•̀ㅂ•́)و✧ 加油