<html>
< head>
< meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
< script type="text/javascript">
var flag = true;
function getNum(num){
if(!flag){
document.getElementById('res').value = '';
flag = true;
}
document.getElementById('res').value +=num;
}
function getRes(){
var num = document.getElementById('res').value;
num = eval(num);
document.getElementById('res').value = num;
flag = false;
}
< /script>
< /head>
< body>
< table width="300px" border="1px">
< caption>简易计算器</caption>
<tr>
<td colspan="4"><input type="text" size="53" id="res" /></td>
</tr>
<tr>
<td><input type="button" value="1" style="width:75px;" onclick="getNum(1)" /></td>
<td><input type="button" value="2" style="width:75px;" onclick="getNum(2)"/></td>
<td><input type="button" value="3" style="width:75px;" onclick="getNum(3)"/></td>
<td><input type="button" value="+" style="width:75px;" onclick="getNum('+')"/></td>
</tr>
<tr>
<td><input type="button" value="4" style="width:75px;" onclick="getNum(4)"/></td>
<td><input type="button" value="5" style="width:75px;" onclick="getNum(5)"/></td>
<td><input type="button" value="6" style="width:75px;" onclick="getNum(6)"/></td>
<td><input type="button" value="-" style="width:75px;" onclick="getNum('-')"/></td>
</tr>
<tr>
<td><input type="button" value="7" style="width:75px;" onclick="getNum(7)"/></td>
<td><input type="button" value="8" style="width:75px;" onclick="getNum(8)"/></td>
<td><input type="button" value="9" style="width:75px;" onclick="getNum(9)"/></td>
<td><input type="button" value="*" style="width:75px;" onclick="getNum('*')"/></td>
</tr>
<tr>
<td><input type="button" value="0" style="width:75px;" onclick="getNum(0)"/></td>
<td><input type="button" value="." style="width:75px;" onclick="getNum('.')"/></td>
<td><input type="button" value="=" style="width:75px;" onclick="getRes('=')"/></td>
<td><input type="button" value="/" style="width:75px;" onclick="getNum('/')"/></td>
</tr>
< /table>
</body>
< /html>
分享到：
相关推荐
利用JavaScript简易计算器，北大青鸟javascript作业题
用js做的简易计算器，原理简单，非常实用。
用javascript编程语言编写的简易计算器，仅包含+-*/运算
用javascript实现的一个计算器，
【标题】"原生JS简易计算器运算代码"指的是一个使用JavaScript编写的基础计算器应用程序。JavaScript是一种广泛用于网页开发的脚本语言，它允许开发者在客户端执行动态功能，如交互式计算。这个项目可能是一个简单的...
简易计算器java实训报告.pdf
html+javaScript实现简易计算器。。。。。。。。。。。
jQuery简易计算器是一个基于JavaScript库jQuery实现的简单计算工具，它为用户提供了一个直观的界面来执行基本的算术运算。这个项目对于初学者来说是很好的学习材料，因为它涉及到前端开发中的DOM操作、事件处理以及...
标题中的“一个用JS做的简易计算器”表明这是一个使用JavaScript编程语言实现的基本计算器应用。JavaScript，通常简称为JS，是Web开发中广泛使用的客户端脚本语言，用于为网页添加交互性功能。在这个案例中，开发者...
通过这个“简易计算器_html_源码”案例，初学者可以了解到HTML的基础知识，包括结构、元素、事件处理以及与CSS和JavaScript的配合。同时，也可以学习到如何用HTML和JavaScript创建一个简单的交互式应用，这对于...
js实现简易计算器
简易计算器，利用html+js实现，通过浏览器客户端进行编译实现，弹出窗口，进行选择计算。
HTML简易计算器源代码.zip是一个包含一个简单HTML计算器的项目，主要使用了逆波兰表达式算法来处理计算逻辑，同时结合HTML、CSS和JavaScript技术来构建用户界面和交互功能。这个计算器的设计灵感来源于MIUI计算器，...
【HTML+JS简易计算器】是由前端开发者飞龙创建的一个基于Web的计算器应用，版本为v0.1。这个项目展示了如何使用HTML、CSS和JavaScript这三种核心技术来构建一个交互式的用户界面。虽然存在一些小的缺陷，但它为初学...
是一个含javascript的简易计算器。
通过这个简易计算器小程序的制作，你可以深入理解小程序的开发流程，熟悉WXML、WXSS和JavaScript的配合使用，并掌握基本的计算逻辑实现。随着实践的深入，你将能更好地运用小程序进行更复杂应用的开发。
【简易计算器源码.zip】这个压缩包文件包含了一个新手友好的简易计算器的Web前端源代码。这个项目非常适合初学者去了解和学习Web前端开发的基本原理和实践操作。下面，我们将详细探讨这个计算器项目的相关知识点。 ...
在本项目中，"javaEE网页版简易计算器（源码）"是一个基于JavaEE平台的Web应用程序，旨在实现一个简单的在线计算器，支持2位数之间的基本数学运算，包括加法、减法、乘法和除法。这个项目利用了MyEclipse作为开发...