2-4 JavaScript-提问（prompt 消息对话框）
本节编程练习不计算学习进度，请电脑登录imooc.com操作

JavaScript-提问（prompt 消息对话框）

prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框（包含一个确定按钮、取消按钮与一个文本输入框）。

语法:

prompt(str1, str2);

参数说明：

str1: 要显示在消息对话框中的文本，不可修改
str2：文本框中的内容，可以修改

返回值:

1. 点击确定按钮，文本框中的内容将作为函数返回值
2. 点击取消按钮，将返回null

看看下面代码:

var myname=prompt("请输入你的姓名:");
if(myname!=null)
  {   alert("你好"+myname); }
else
  {  alert("你好 my friend.");  }

结果:

注:在用户点击对话框的按钮前，不能进行任何其它操作。

 

任务

补充右边编辑器第9行代码，使用prompt()消息框，输入你的成绩，根据输入的成绩做出评价。

index.html 
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>prompt</title>
  6.   <script type="text/javascript">
  7.   function rec(){
  8. 	var score; //score变量，用来存储用户输入的成绩值。
  9. 	score =                ;
  10. 	if(score>=90)
  11. 	{
  12. 	   document.write("你很棒!");
  13. 	}
  14. 	else if(score>=75)
  15.     {
  16. 	   document.write("不错吆!");
  17. 	}
  18. 	else if(score>=60)
  19.     {
  20. 	   document.write("要加油!");
  21.     }
  22.     else
  23. 	{
  24.        document.write("要努力了!");
  25. 	}
  26.   }
  27.   </script>
  28. </head>
  29. <body>
  30.     <input name="button" type="button" onClick="rec()" value="点击我，对成绩做评价!" />
  31. </body>
  32. </html>
下一节