<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
.panel {
border: 4px solid #ccc;
width: 202px;
margin: 50px auto;
}
.panel p,.panel input{
font-family: "黑体";
font-size:20px;
margin:5px;
float:left;
}
.panel p{
border:4px solid #ddd;
height:30px;
width:123px;
padding:5px;
}
.panel input{
height:40px;
width:40px;
}
</style>
<script type="text/javascript">
function cal(e) {
var obj = e.target || e.srcElement;
if(obj.nodeName != "INPUT") {
return;
}
var value = obj.value;
var screen = document.getElementById("screen");
if(value=="C") {
screen.innerHTML = "";
} else if (value=="=") {
var exp = screen.innerHTML;
try {
var r = eval("("+exp+")");
screen.innerHTML = r;
} catch(e) {
console.log(e);
screen.innerHTML = "Error";
}
} else {
screen.innerHTML += value;
}
}
</script>
</head>
<body>
<div class="panel" onclick="cal(event);">
<div>
<p id="screen"></p>
<input type="button" value="C">
<div style="clear:both"></div>
</div>
<div>
<input type="button" value="7">
<input type="button" value="8">
<input type="button" value="9">
<input type="button" value="/">
<input type="button" value="4">
<input type="button" value="5">
<input type="button" value="6">
<input type="button" value="*">
<input type="button" value="1">
<input type="button" value="2">
<input type="button" value="3">
<input type="button" value="-">
<input type="button" value="0">
<input type="button" value=".">
<input type="button" value="=">
<input type="button" value="+">
<div style="clear:both"></div>
</div>
</div>
</body>
</html>
分享到：
相关推荐
通过分析和实现这个Java计算器案例，初学者不仅能掌握基本的编程技巧，还能了解面向对象设计原则，如封装和模块化，以及如何处理用户输入和错误检查。这个“2版本”的代码可能包含了更多的功能或优化，比如错误处理...
【仿windows计算器案例】是一个编程项目，旨在复制并实现Windows操作系统自带计算器的大部分功能。这个计算器通常被用作学习和提升编程技能，尤其是GUI（图形用户界面）设计和事件驱动编程方面的技能。以下是对该...
在这个“微信小程序开发-简易计算器案例源码.zip”压缩包中，我们找到了一个用于学习和实践微信小程序开发的简易计算器应用的源代码。 首先，我们需要了解微信小程序的基本开发环境。开发者需要安装微信开发者工具...
本资源“labview_计算器案例.7z”提供的是两个针对初学者的LabVIEW计算器项目，旨在帮助新接触或者尚未入门的用户快速理解和掌握LabVIEW的基础知识。 第一个案例文件名为“demo01_priCal.vi”，这是一个基础的...
这份文档是一份Swift学习规划和计算器案例实现指南，其内容丰富、结构清晰，对于想要学习Swift编程的读者来说值得一看。 文档首先明确了学习背景与目标，强调了Swift在苹果生态系统中的重要地位，以及学习Swift对于...
在这个“微信小程序开发-科学计算器案例源码.zip”压缩包中，包含了一个用于教学或实践的科学计算器小程序的完整源代码。这个案例将帮助开发者深入理解微信小程序的开发流程和技术栈。 首先，我们要了解微信小程序...
在本项目中，"arduino 计算器案例.zip" 是一个包含有源代码和相关资源的压缩包，用于实现一个基于Arduino的具有记忆功能的计算器。这个计算器利用了一个4*4键盘作为输入设备，并且通过Proteus进行电路仿真。让我们...
在本资源中，我们主要探讨的是“微信小程序开发-房贷计算器案例源码”。微信小程序是一种轻量级的应用开发平台，它允许开发者在微信内创建无需安装即可使用的应用，极大地提升了用户体验。这个房贷计算器案例源码是...
在这个“微信小程序开发-高仿苹果计算器案例源码.zip”压缩包中，我们拥有一个实现高仿苹果计算器的小程序示例。这个案例将帮助开发者了解并学习微信小程序的基本结构、组件使用以及事件处理等核心概念。 首先，...
这个压缩包“微信小程序开发-工具类-iOS计算器案例源码.zip”显然是一个关于如何利用微信小程序开发iOS风格计算器的示例项目。在这个案例中，我们可以学习到以下几个关键知识点： 1. **微信开发者工具**：首先，你...
"C#控制台实现计算器案例详解" 在本文中，我们将实现一个使用C#控制台实现的计算器，主要拥有加、减、乘、除四种基本运算功能。通过本文，我们将学习如何使用C#语言编写一个简单的计算器程序，并了解一些基本的编程...
在这个"微信小程序开发-工具类-简易计算器案例源码.zip"压缩包中，我们看到的是一个用于学习微信小程序开发的实例——一个简易计算器的源代码。这个案例将帮助开发者理解如何在微信小程序中实现基本的计算功能，包括...
这个"Android计算器案例"提供了完整的源代码，方便初学者理解并实践Android应用的开发流程。下面我们将深入探讨这个案例中的关键知识点。 1. **布局设计**： 计算器通常由一排排的数字键、运算符键以及等于键组成...
在这个计算器案例中，我们将创建一个名为`Calculator`的类，其中包含执行各种计算操作的方法。 1. **类定义**： 在C#中，类定义以关键字`class`开始，后面跟着类名，例如： ```csharp public class Calculator ...
适用人群：期末大学生、对java有着强烈爱好的自学者、想要尝试使用java写一个计算器的实践者。 开发工具：eclipse、jdk:1.8 本java计算器界面色彩鲜明、样式美观、具有恰到好处的数据滑动效果，使得在使用过程中用户...
【C#经典案例 计算器】 在C#编程领域，构建一个计算器是常见的学习实践项目，它能帮助初学者掌握基本的用户界面设计、事件处理以及数学逻辑的实现。这个“C#经典案例 计算器”项目，旨在通过一个简单的图形用户界面...