<script type="text/javascript">
var k=0;
var a=0;
var b=0;
var i=0;
function getNum(n){
if(i==0){
a=n;
document.getElementById("testId").value=a;
}
if(i==1){
b=n;
document.getElementById("testId").value=b;
}
i++;
}
function getChar(n){
k=n;
}
function getH(n){
k=n;
}
function getHK(){
if(k==12){
document.getElementById("testId").value=(a+b);
}
if(k==13){
document.getElementById("testId").value=(a-b);
}
if(k==14){
document.getElementById("testId").value=(a*b);
}
if(k==15){
document.getElementById("testId").value=(a/b);
}
}
function getClear(){
document.getElementById("testId").value=0;
i=0;
}
</script>
</head>
<table>
<tr> <td colspan="4"> <input id="testId" type="text" size="22px;"/></td></tr>
<tr>
<td><input type="button" value="1" onclick="getNum(1)"/></td>
<td><input type="button" value="2" onclick="getNum(2)"/></td>
<td><input type="button" value="3" onclick="getNum(3)"/></td>
<td><input type="button" value="+" onclick="getH(12)"/></td>
</tr>
<tr>
<td><input type="button" value="4" onclick="getNum(4)"/></td>
<td><input type="button" value="5" onclick="getNum(5)"/></td>
<td><input type="button" value="6" onclick="getNum(6)"/></td>
<td><input type="button" value="-" onclick="getH(13)"/></td>
</tr>
<tr>
<td><input type="button" value="7" onclick="getNum(7)"/></td>
<td><input type="button" value="8" onclick="getNum(8)"/></td>
<td><input type="button" value="9" onclick="getNum(9)"/></td>
<td><input type="button" value="*" onclick="getH(14)"/></td>
</tr>
<tr>
<td><input type="button" value="0" onclick="getNum(0)"/></td>
<td><input type="button" value="c" onclick="getClear()"/></td>
<td><input type="button" value="=" onclick="getHK()"/></td>
<td><input type="button" value="/" onclick="getH(15)"/></td>
</tr>
</table>
分享到:
相关推荐
在JavaScript计算器项目中,CSS可以用来设置计算器的外观,包括按钮的大小、颜色、边框、间距,以及显示屏的样式等。通过选择器(如ID选择器、类选择器)和盒模型属性(如margin、padding、border),可以精确地调整...
HTML+JavaScript计算器是一种基于网页的计算工具,利用HTML(超文本标记语言)构建用户界面,JavaScript处理用户交互和计算逻辑。在这个项目中,HTML用于创建计算器的布局和按钮,而JavaScript则赋予这些按钮功能,...
总之,【HTML+JS计算器】是一个基础但实用的项目,有助于初学者理解Web开发的基本原理,包括HTML的结构化、JavaScript的交互性和CSS的美化。通过这个项目,开发者不仅可以掌握前端基础知识,还能锻炼问题解决和代码...
【标题】"jisuanqi.rar_html js计算器_js计算器_计算器_计算器 js_计算器JS" 提供的是一个基于HTML和JavaScript实现的全功能计算器项目。这个计算器不仅具备基本的加、减、乘、除运算,还可能包括更复杂的计算功能,...
JavaScript计算器是一种常见的网页交互元素,它使用JavaScript编程语言来实现基本的算术运算。这个项目包含HTML、CSS和JS三个主要部分,分别负责计算器的结构、样式和功能逻辑。 首先,我们从HTML文件开始。HTML...
简单js计算器,简单明了,搞笑。// 4、定义计算函数 jisuan(),将提取过来的数字字符串转化为数值,并做出相对应的计算, 无参,无返。 function jisuan(){ var num1 = parseFloat(zuobian); var num2 =...
在这个特定的项目中,“Extjs 计算器 javascript计算器”是利用ExtJS的XTemplate功能创建的一个模拟Windows简单计算器的Web应用。XTemplate是ExtJS提供的一种模板引擎,用于动态渲染数据到HTML元素中,使得我们可以...
JavaScript计算器源代码是一种基于Web的计算工具,使用JavaScript编程语言实现。JavaScript是一种广泛应用于客户端浏览器的脚本语言,它能够动态地更新网页内容,提供交互性的用户体验。在本例中,我们将深入探讨...
这个计算器是制作者在其编程学习旅程的第四阶段完成的作品,因此我们可以预期它涵盖了JavaScript(JS)的一些核心概念和高级特性。 首先,让我们聚焦于JavaScript的基础部分。JS是一种广泛用于网页和网络应用的脚本...
JavaScript计算器源代码学习是Web开发中的一个基础但重要的实践项目,它可以帮助开发者深入理解JavaScript语言的基本语法、事件处理以及DOM操作。在这个项目中,我们将探讨以下几个关键知识点: 1. **HTML结构**:`...
在这个项目中,"JS计算器+-+BruceWan_制作"是一个由开发者BruceWan创建的简单JavaScript计算器,旨在提供一个学习和分享的平台。这个计算器能够执行基本的加法和减法操作,是理解JavaScript基础以及DOM操作的好例子...
html编写网页使用计算器 语言:javascript
JavaScript计算器代码是一个基础的编程项目,它展示了如何使用JavaScript实现一个简单的计算器功能。在这个项目中,我们主要会涉及以下几个JavaScript编程知识点: 1. **DOM操作**:JavaScript与HTML交互的关键在于...
下面将详细探讨这个JavaScript计算器的实现及其涉及到的关键知识点。 首先,JavaScript是浏览器环境中运行的脚本语言,它负责为网页添加交互性。在这个案例中,JavaScript被用来处理用户的输入、执行计算以及更新...
总的来说,实现一个简单的JavaScript计算器涉及HTML布局、JavaScript事件监听、数值和运算符的管理,以及可能的运算符优先级和括号处理。这不仅是对JavaScript基础的练习,也是对逻辑思维和问题解决能力的挑战。通过...
简单的javascript计算器,实现按键操作,简易方便,初学者适合; 简单的javascript计算器,实现按键操作,简易方便,初学者适合 简单的javascript计算器,实现按键操作,简易方便,初学者适合; 简单的javascript...
JavaScript计算器的实现 4 计算器 4.1 问题 1)做一个完整的计算器 2)使用 event 对象简化简单计算器的界面设计及实现 4.2 方案 使用event对象: var obj = e.srcElement || e.target; 4.3 步骤 实现此案例需要按照...