<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结构**：`...
简单的 JavaScript 计算器由Harsh Trivedi制作的简单 JavaScript 计算器。概述简单 JavaScript 计算器是一款使用 JavaScript 构建的简单网页计算器。它提供基本的算术运算，帮助用户快速高效地进行计算。用法您可以...
在这个项目中，"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...