css,css,javascript实现一个简单的计算器

实现效果：

代码如下：

<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta charset="utf-8" /><title>calculator</title><style>.display {width: 311px;height: 40px;font: 400 20px/40px "微软雅黑";}input {height: 50px;width: 60px;margin: 10px 10px;font: 400 20px/40px "微软雅黑";padding: inherit;margin: 0px;}.txt {width: 100px;}td {border: hidden;}table {background-color: #eee;}</style><script>var str = "";function myfun(v) {if (v == "C") {txtResult.value = "";str = "";}else if (v == "=") {txtResult.value = eval(str);str = txtResult.value;}else if (v == "pow") {txtResult.value = txtResult.value + "pow(";str = str+"Math.pow(";}else {txtResult.value = txtResult.value + v;str = str + v;}}</script>
</head><body><table border="1" align="center" )><tr><td colspan="5"> <input class="display" value="" type="text" id="txtResult" size="27"></td></tr><tr><td><input type="button" value="1" onclick="myfun(this.value)"></td><td><input type="button" value="2" onclick="myfun(this.value);"></td><td><input type="button" value="3" onclick="myfun(this.value);"></td><td><input type="button" value="+" onclick="myfun(this.value);"></td><td><input type="button" value="-" onclick="myfun(this.value);"></td></tr><tr><td><input type="button" value="4" onclick="myfun(this.value);"></td><td><input type="button" value="5" onclick="myfun(this.value);"></td><td><input type="button" value="6" onclick="myfun(this.value);"></td><td><input type="button" value="*" onclick="myfun(this.value);"></td><td><input type="button" value="/" onclick="myfun(this.value);"></td></tr><tr><td><input type="button" value="7" onclick="myfun(this.value);"></td><td><input type="button" value="8" onclick="myfun(this.value);"></td><td><input type="button" value="9" onclick="myfun(this.value);"></td><td><input type="button" value="(" onclick="myfun(this.value);"></td><td><input type="button" value=")" onclick="myfun(this.value);"></td></tr><tr><td><input type="button" value="0" onclick="myfun(this.value);"></td><td><input type="button" value="C" onclick="myfun(this.value);"></td><td><input type="button" value="," onclick="myfun(this.value);"></td><td><input type="button" value="pow" onclick="myfun(this.value);"></td><td><input type="button" value="=" onclick="myfun(this.value);"></td></tr></table></body>
</html>

css,css,javascript实现一个简单的计算器相关推荐

python123程序设计题说句心里话_用c++写一个简单的计算器程序
// 050305.cpp : 定义控制台应用程序的入口点. // // 050304.cpp : 定义控制台应用程序的入口点. // //四则运算 #include "stdafx.h&q ...
html+css+javaScript实现一个简单的注册界面
html+css+javaScript实现一个简单的注册界面自学html,css,js也有一小段时间了,尝试着做点东西来巩固一下,就决定实现这个简单的注册界面.实现的注册界面很普通,没有加上华丽的装 ...
用CSS和JS打造一个简单的图片编辑器
用CSS和JS打造一个简单的图片编辑器,本文主要是利用CSS的filter和简单的Jquery代码来实现一个简单的图片编辑器,包括对图片的透明度,黑白,图片亮度等调节. CSS filter 我们首先 ...
JS实现一个简单的计算器
使用JS完成一个简单的计算器功能.实现2个输入框中输入整数后,点击第三个输入框能给出2个整数的加减乘除.效果如上: 第一步: 创建构建运算函数count(). 第二步: 获取两个输入框中的值和获取选择 ...
android实现计算器功能吗,利用Android实现一个简单的计算器功能
利用Android实现一个简单的计算器功能发布时间:2020-11-20 16:25:01 来源:亿速云阅读:90 作者:Leah 今天就跟大家聊聊有关利用Android实现一个简单的计算器功能, ...
linux qt小型计算器,Qt实现一个简单的计算器
Qt实现一个简单的计算器作者:hackett 微信公众号:加班猿一.UI界面版运行效果:输入num1和num2选择+-*/点击计算即可 UI界面设计: 3个lineEdit(lineEditNu ...
vue设置一个简单的计算器
vue设置一个简单的计算器 <div id="app"><input type="text" v-model="n1"&g ...
Windows10 手机应用程序开发 - 3. 做一个简单的计算器界面
2019独角兽企业重金招聘Python工程师标准>>> 目标:完成一个简单的计算器的界面,暂时不做点击处理,主要联系UI布局. 步骤: 1.创建一个空的windows phone 项 ...
正则表达式应用：实现一个简单的计算器
实现一个简单的计算器,代码如下: 下面的函数用来检验数学表达式的合规性,当然此处只实现两个检验:(1)括号应该闭合 (2)不能出现字母 def check_expression(str):check_ ...

css,css,javascript实现一个简单的计算器

实现效果：

css,css,javascript实现一个简单的计算器相关推荐

最新文章

热门文章