如何用jsp實現一個簡易計算機(三),jsp實現計算機
做這個jsp頁面,主要是為了實現在同一個頁面提交和接受資料的功能。
這個小程式存在很多不足,希望大家多多批評指正。
<%@ page language="java" contentType="text/html;" pageEncoding="gbk"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gbk"><title>my simple calculate</title><script type="text/javascript" >// 輸入判斷,要求必須是數字格式function check_num() {var re = /^[0-9,]*$/;if((!(new RegExp("\\S+")).test(document.getElementById("number1").value))&&(!(new RegExp("\\S+")).test(document.getElementById("number2").value))){alert("請輸入數一、數二!");document.getElementById("number1").focus();return false;}else if(!(new RegExp("\\S+")).test(document.getElementById("number1").value)){alert("請輸入數一!");document.getElementById("number1").focus();return false;}else if(!(new RegExp("\\S+")).test(document.getElementById("number2").value)){alert("請輸入數二!");document.getElementById("number2").focus();return false;}if ((!re.test(document.getElementById("number1").value))&& (!re.test(document.getElementById("number2").value))) {alert("數一、數二都不是數字,請輸入數字!");document.getElementById("number1").focus();return false;} else if (!re.test(document.getElementById("number1").value)) {alert("數一不是數字,請輸入數字!");document.getElementById("number1").focus();return false;} else if (!re.test(document.getElementById("number2").value)) {alert("數二不是數字,請輸入數字!");document.getElementById("number2").focus();return false;}document.form1.submit();return true;}</script></head><body><%// 擷取輸入框輸入的數一、數二String numString1 = request.getParameter("number1");String flagString = request.getParameter("flag");String numString2 = request.getParameter("number2");int num1 = 0;int num2 = 0;int result = 0;boolean flag = false;// 判斷輸入值是否為空白,不為空白,根據不同符號進行計算if (numString1 != null && numString2 != null) {num1 = Integer.parseInt(numString1);num2 = Integer.parseInt(numString2);flag = true;if (flagString.equals("+")) {result = num1 + num2;} else if (flagString.equals("-")) {result = num1 - num2;} else if (flagString.equals("*")) {result = num1 * num2;} else {result = num1 / num2;}}%><div style="padding: 10px; margin: 15px auto; width: 170px; height: 280px; border: 2px solid #ccc; background-color:#ccc;"><h4 align="center">簡易計算機</h4><hr><form name="form1" action="compute.jsp" method="get">數一: <input type="text" id="number1" name="number1" value="" size="15"><br><div style="position: relative; height: 15px; margin-top: 10px;" align="left"><select name="flag"><option value=+>+</option><option value=->-</option><option value=*>*</option><option value= />/</option></select></div><br>數二: <input type="text" id="number2" name="number2" value="" size="15"><br> <br> <input type="button" name="button1" value="計算" onclick="check_num()"></form><br> 計算結果:<%if (flag)out.println(result);flag = false;%></div></body></html>
實現效果如下:
編寫一JSP頁面實現簡單計算機的功可以(只可以用一個JSP頁面來實現)
比較簡單的東西。jsp加js就搞定了。只要會加減乘除和js就能寫出來。LZ自己多多敲敲吧
急急急用jsp做簡單的計算機代碼
<html>
<head>
<title>計算機</title>
</head>
<body bgcolor="#ffffff" onload="FKeyPad.ReadOut.focus();FKeyPad.ReadOut.select();">
<FORM name="Keypad" action="">
<TABLE align="center">
<B>
<TABLE align="center" border=2 width=50 height=60 cellpadding=1 cellspacing=5>
<TR>
<TD colspan=3 align=middle><input name="ReadOut" type="Text" onkeypress="CheckOut()" size=24 value="0" width=100%></TD>
<TD></TD>
<TD><input name="btnClear" type="Button" value=" C " onclick="Clear()"></TD>
<TD><input name="btnClearEntry" type="Button" value=" CE " onclick="ClearEntry()"></TD>
</TR>
<TR>
<TD><input name="btnSeven" type="Button" value=" 7 " onclick="NumPressed(7)"></TD>
<TD><input name="btnEight" type="Button" value=" 8 " onclick="NumPressed(8)"></TD>
<TD><input name="btnNine" type="Button" value=" 9 " onclick="NumPressed(9)"></TD>
<TD></TD>
<TD><input name="btnNeg" type="Button" val......餘下全文>>