• JavaScrip——练习(求整数和、求整数积)


    用HTML和JSp来实现

    1、HTML调用JSp语法:<script type="text/javascript" src="整数和jsp.js"></script>

    2、在HTML中建一个文本框来输入数字,定义一个id

    3、在JSP中定义一个变量来接收这个id,并通过方法来进行运行判断,用alert来输出结果

         function add()
        {
         var a = document.getElementById("aaa");

    4、在HTML中建一个按钮,并通过onclick事件来调用方法

    HTML中:

    <body>
    <script type="text/javascript" src="整数和jsp.js"></script>
    
    <font size="+3">请输入一个100以内的整数<input type="text" id="aaa" />
    <input type="button" value="计算0加到这个数的和" onclick="add()"/>
    <br />
    <font size="+3">请输入一个100以内的整数<input type="text" id="bbb" />
    <input type="button" value="计算1乘到这个数的积" onclick="cheng()"/>
    </font>
    </body>
    </html>

    JSP中:

    // JavaScript Document
    
    function add()
    {
    var a = document.getElementById("aaa");
    var sum=0;
    var b=isNaN(a.value);
    if(b==false)
     {
      if(a.value%1==0)
         {
             if(a.value>=0 && a.value<=100) 
     
            {
                for(var i=0;i<=a.value;i++)
                {
                 sum=sum+i;
                }
                alert(sum);
            }
              else
              {
              alert("你输入的数字不是0-100之间的");    
              } 
          }
         else
              {alert("请输入一个1-100的整数");}
       
       }
       else{
           alert("请输入一个整数");}
                  
    }
    
    function cheng()
    {
    var a = document.getElementById("bbb");
    var sum=1;
    var b=isNaN(a.value);
    if(b==false)
     {
      if(a.value%1==0)
         {
             if(a.value>0 && a.value<=100) 
     
            {
                for(var i=1;i<=a.value;i++)
                {
                 sum=sum*i;
                }
                alert(sum);
            }
              else
              {
              alert("你输入的数字不是0-100之间的");    
              } 
          }
         else
              {alert("请输入一个1-100的整数");}
       
       }
       else{
           alert("请输入一个整数");}
                  
    }

    和的输出结果

    乘积的输出结果

  • 相关阅读:
    SQL Server如何固定执行计划
    领导修炼
    content management system
    npm和bower
    web开发workflow
    偏执狂
    website project team member 角色及开发过程概念图
    website architecture
    王道霸道
    design pattern及其使用
  • 原文地址:https://www.cnblogs.com/Chenshuai7/p/5079187.html
Copyright © 2020-2023  润新知