使用JS完成一个简单的计算器功能

<!DOCTYPE html>
<html><head><title> 事件</title>  <script type="text/javascript">function count(){var a = document.getElementById("txt1").value;  //获取第一个输入框的值var b = document.getElementById("txt2").value;  //获取第二个输入框的值var c = document.getElementById("select").value;//获取选择框的值//获取通过下拉框来选择的值来改变加减乘除的运算法则var sum;switch(c){case "+": sum=parseInt(a) + parseInt(b);break;case "-": sum=parseInt(a) - parseInt(b);break;case "*": sum=parseInt(a) * parseInt(b);break;case "/": sum=parseInt(a) / parseInt(b);break;     }//设置结果输入框的值 document.getElementById("result").value=sum;}</script> </head> <body><input type='text' id='txt1' /> <select id='select'><option value='+'>+</option><option value="-">-</option><option value="*">*</option><option value="/">/</option></select><input type='text' id='txt2' /> <input type='button' value=' = ' onclick="count()" /> <!--通过 = 按钮来调用创建的函数，得到结果--> <input type='text' id='result' />   </body>
</html>

转载于:https://my.oschina.net/midiann/blog/412272

使用JS完成一个简单的计算器功能相关推荐

JS实现一个简单的计算器
使用JS完成一个简单的计算器功能.实现2个输入框中输入整数后,点击第三个输入框能给出2个整数的加减乘除.效果如上: 第一步: 创建构建运算函数count(). 第二步: 获取两个输入框中的值和获取选择 ...
android实现计算器功能吗,利用Android实现一个简单的计算器功能
利用Android实现一个简单的计算器功能发布时间:2020-11-20 16:25:01 来源:亿速云阅读:90 作者:Leah 今天就跟大家聊聊有关利用Android实现一个简单的计算器功能, ...
android计算器功能实现,在android中利用 studio实现一个简单的计算器功能
在android中利用 studio实现一个简单的计算器功能发布时间:2020-11-07 15:35:20 来源:亿速云阅读:168 作者:Leah 这篇文章将为大家详细讲解有关在android ...
今天我教大家用js制作一个简单的计算器
首先我们先打好框架代码如图: 下面我们来看一下页面显示效果: 然后我们开始写js效果: 这样,我们一个简单的计算器就做好了,效果如图:
原生js完成一个简单的抽奖功能
文章目录前言实现过程 1.前期准备 2.CSS美化 3.使用 js 完成抽奖功能 3.1 随机数模块 3.2 随机奖品 3.3 开始抽奖 3.4 点击开始抽奖完整代码 HTML部分 CSS部分 ...
用python的tkiner写计算器_Python(10)--利用tkinter模块实现一个简单的计算器功能
#引入相关模块(math模块和tkinter模块) importmathimporttkinterclassMyCalculator:#初始化对象 def __init__(self):#设置主界面 ...
python123程序设计题说句心里话_用c++写一个简单的计算器程序
// 050305.cpp : 定义控制台应用程序的入口点. // // 050304.cpp : 定义控制台应用程序的入口点. // //四则运算 #include "stdafx.h&q ...
正则表达式应用：实现一个简单的计算器
实现一个简单的计算器,代码如下: 下面的函数用来检验数学表达式的合规性,当然此处只实现两个检验:(1)括号应该闭合 (2)不能出现字母 def check_expression(str):check_ ...
php四则运算出题器_PHP实现的简单四则运算计算器功能示例
本文实例讲述了PHP实现的简单四则运算计算器功能.分享给大家供大家参考,具体如下: php实现一个简单的四则运算计算器(还不支持括号的优先级).利用栈这种数据结构来计算表达式很赞. 这里可以使用栈的结 ...
如何用 Node.js 实现一个简单的 Websocket 服务？
最近正在研究 Websocket 相关的知识,想着如何能自己实现 Websocket 协议.到网上搜罗了一番资料后用 Node.js 实现该协议,倒也没有想象中那么复杂,除去注释语句和 console ...

使用JS完成一个简单的计算器功能

使用JS完成一个简单的计算器功能相关推荐

最新文章

热门文章