问答详情
源自:2-4 JavaScript-提问(prompt 消息对话框)

关于js入门篇第2-4节课prompt的疑问

我想增加一个在未输入内容点击确定时出现“你未输入成绩”的选项,该如何做呢?

此外我还想要所有选项在点击取消时出现“你点击了取消”这样的情况又该怎么操作,可以实现吗?

求大神帮忙,我试了好多次了,都会出现各种各样的问题,无法两者同时实现。

提问者:LY_1124 2016-03-31 17:57

个回答

  • Collus
    2016-03-31 19:28:29
    已采纳

    使用下面代码可以实现。添加了两个判断语句: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>

  • Collus
    2016-03-31 19:50:52

    【更正一下笔误】添加了两个判断语句: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>


  • 慕课学习网加油
    2016-03-31 19:45:50

    我也尝试了一下··确实搞不定

  • 慕妹2247939
    2016-03-31 19:23:14

    可以实现,可是现在我也不会 (๑•̀ㅂ•́)و✧ 加油