如何用jsp實現一個簡易計算機(三),jsp實現計算機

來源:互聯網
上載者:User

如何用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......餘下全文>>
 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.