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("请输入一个整数");}
              
}

和的输出结果

乘积的输出结果

 

posted on 2015-12-26 22:22  Chen_s  阅读(453)  评论(0)  编辑  收藏  举报

导航