点击按钮取消,如何不出现提示框

来源:2-4 JavaScript-提问(prompt 消息对话框)

高哒哒

2020-04-16 23:32

    <!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(isNaN(score))

     {

       alert("请输入数字");

      }

        else if(score<=0 || score>100)

     {

     alert("成绩是0-100,请重新输入");

        }

     else if(score>80)

     {

     alert("牛逼");

     }

        else if(score>60)

     {

     alert("可以");

     }

        else

     {

     alert("是个人才");

     }

      }

      </script>

    </head>

    <body>

        <input name="button" type="button" onClick="rec()" value="点击我,对成绩做评价!" />

    </body>

    </html>

    

写回答 关注

4回答

  • weixin_慕沐8485017
    2020-08-26 13:56:31

    <!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!=null) {

    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>


  • 慕运维7447954
    2020-05-07 14:03:07

    <!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" onClick="rec()" value="点击我,对成绩做评价!" />

    </body>

    </html>


  • 仰_慕
    2020-05-07 13:51:07

    为什么呢,看提示就知道被你的判断给拦下了。

  • 慕标6304167
    2020-04-17 15:02:28

      <!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 != null && score != "") {

                      if (isNaN(score)) {

                          alert("请输入数字");

                      }

                      else if (score <= 0 || score > 100) {

                          alert("成绩是0-100,请重新输入");

                      }

                      else if (score > 80) {

                          alert("牛逼");

                      }

                      else if (score > 60) {

                          alert("可以");

                      }

                      else {

                          alert("是个人才");

                      }

                  }

              }

          </script>

        </head>

        <body>

            <input name="button" type="button" onClick="rec()" value="点击我,对成绩做评价!" />

        </body>

        </html>


    小鱼鱼同学

    大佬, 这才是正解。

    2020-06-04 14:54:40

    共 1 条回复 >

JavaScript入门篇

JavaScript做为一名Web工程师的必备技术,本教程让您快速入门

738651 学习 · 9561 问题

查看课程

相似问题