基于JSP实现一个简单计算器的方法

本文实例讲述了基于JSP实现一个简单计算器的方法。分享给大家供大家参考。具体实现方法如下:

index.jsp

代码如下:

<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%> 
<% 
String path = request.getContextPath(); 
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 
%> 
<html> 
  <head> 
  <!-- 用户提交验证 --> 
  <script type="text/javascript" language="javascript"> 
  <!--  
  function checkNum(){ 
    if(form1.num1.value==""){ 
    window.alert("num1 值不能为空 !!哈哈"); 
    return false; 
    } 
    //判断num1是不是一个数 
    if(Math.round(form1.num1.value)!=(form1.num1.value)){ 
    window.alert("num1不是一个整数") 
    return false; 
    } 
    if(form1.num2.value==""){ 
    window.alert("num2 值不能为空 !!哈哈"); 
    return false; 
    } 
    //判断num2是不是一个数 
    if(Math.round(form1.num2.value)!=(form1.num2.value)){ 
    window.alert("num2不是一个整数") 
    return false; 
     
  } 
  } 
  --> 
  </script> 
  </head> 
  <h1>我的计算器</h1> 
  <hr> 
  <body> 
    <form  name ="form1" action="result.jsp" method ="post"> 
    <input type="text" name ="num1" ></input><br> 
    
    <select name="flag"> 
    <option value=+>+</option> 
    <option value=->-</option> 
    <option value=*>*</option>  
    <option value=/>/</option> 
    </select><br> 
     <input type="text" name="num2"/></input><br> 
    <input type="submit" value="提交" onclick="return checkNum();"></input> 
    </form> 
    <hr> 
  </body> 
</html>

result.jsp用于显示结果

代码如下:

<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%> 
<% 
String path = request.getContextPath(); 
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 
%> 
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
  <head> 
  </head> 
   
  <body> 
  <% 
    String num1=request.getParameter("num1"); 
    String num2 = request.getParameter("num2"); 
   String flag = request.getParameter("flag"); 
   int s_num1=Integer.parseInt(num1); 
   int s_num2=Integer.parseInt(num2); 
   int result=0; 
  
  if(flag.equals("+")){ 
  //加 
  result=s_num1+s_num2; 
  }else if(flag.equals("-")){ 
  //减 
  result=s_num1-s_num2; 
  }else if(flag.equals("/")){ 
  result=s_num1/s_num2; 
  //除 
  }else{ 
  //乘 
  result=s_num1*s_num2; 
  } 
  out.println("结果是:"+result); 
   %> 
  </body> 
</html>

希望本文所述对大家的jsp程序设计有所帮助。

(0)

相关推荐

  • javascript白色简洁计算器

    本文中计算器代码很简单,你可以很容易把该网页特效应用到你的项目中. HTML 首先我们在网页上放置一个输入框及多个计算器按钮. <div id="calcuator"> <input type="text" id="input-box" value="0" size="21" maxlength="21" readonly="readonly" /&

  • 用JS写的简单的计算器实现代码

      1.本页效果图片     2.美化后的效果 Array.prototype.remove=function(index) { if(isNaN(index)||index>this.length){return false;} for(var i=0,n=0;i 0){ del = 1; this.tmp = this.register[0]; } if(_sign == '-'){ this.tmp = -this.tmp; }else{ this.tmp = Math.abs(this.

  • JS实现的简单四则运算计算器功能示例

    本文实例讲述了JS实现的简单四则运算计算器功能.分享给大家供大家参考,具体如下: 先来看看运行效果: 具体代码如下: <!DOCTYPE html> <html> <meta name="content-type" content="text/html; charset=UTF-8"> <head> <title>www.jb51.net 计算器 Calculator</title> <!

  • JSP实现计算器功能(网页版)

    jsp实现网页计算器代码如下:只有两个jsp页面 myCal.jsp如下: <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getS

  • 简易js代码实现计算器操作

    复制代码 代码如下: <html> <head> <title>JS版计算器</title> <link rel="stylesheet" type="text/css" href=""> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <!--

  • js实现模拟计算器退格键删除文字效果的方法

    本文实例讲述了js实现模拟计算器退格键删除文字效果的方法.分享给大家供大家参考.具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> &

  • js网页版计算器的简单实现

    复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  <head> <meta http-equiv=&

  • javascript-简单的计算器实现步骤分解(附图)

    知识点: 1.数学运算"+,-,*,/"的使用 2.输入内容的判断,对于事件对象的来源的判断 效果:   代码: 复制代码 代码如下: <style> #calculate { line-height: 60px; text-align: center; background: #ccc; font-size: 16px; font-weight: bold; } #calculate tbody input{ width: 100%; height: 60px; back

  • javascript简单计算器 可美化

    JS计算器代码: javascript简单计算器 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 说明: JavaScript eval() 函数 定义和用法 eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码. 返回值 通过计算 string 得到的值(如果有的话). 说明 该方法只接受原始字符串作为参数,如果 string 参数不是原始字符串,那么该方法将不作任何改变地返回.因此请不要为 eval() 函数传递 String 对象来作为参数. 如果试图

  • 用js编写的简单的计算器代码程序

    最近编写的一个简单的计算器代码程序,先给大家展示一下 分享代码如下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta htt

  • javascript实现简易计算器的代码

    今天闲来无聊,想写点什么,突然想到用javascript写一个计算器.程序还存在很多的Bug,先在这里记录一下,以后慢慢更正. 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.or

随机推荐