JS 简易的计算器

一个

输出为：

代码：

 1 <!DOCTYPE html>
 2 <html>
 3 <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
 4 <meta charset="UTF-8">
 5 <title></title>
 6 <style type="text/css">
 7 　　ul li{
 8　　 list-style:none;
 9 　　padding:7px;
10 　　}
11 </style>
12 <body>
13 <scripe type="text/javascript">
14 　　function anniu(){
15 　　　　var a=document.getElementById("k2").value;
16 　　　　var b=document.getElementById("k3").value;
17 　　　　var radio=document.getElementByName("ra");
18
19 　　for(i=0;i<radio.length;i++){
20 　　　　if(radio[i].checked){　　　　//checked选中事件
21 　　　　　　var fh=radio[i].value;
22 　　　　}
23 　　}
24 　　var result=0;
25 　　switch(fh){
26 　　　　case '+':
27 　　　　result=parseFloat(a)+parseFloat(b);
28 　　　　break;
29 　　　　case '-':
30 　　　　result=parseFloat(a)-parseFloat(b);
31　　　　 break;
32 　　　　switch(fh){
33 　　　　case '*':
34 　　　　result=parseFloat(a)*parseFloat(b);
35 　　　　break;
36 　　　　case '/':
37 　　　　result=parseFloat(a)/parseFloat(b);
38 　　　　break;
39 　　　　default:
40 　　　　alert('符号有误');
41 　　　　break;
42 　　}
43 　　document.getElementById("k1").value=result;
44 　　}
45
46 </script>
47 　　<ul>
48 　　　　<li>结果：<input id="k1" disabled="disabled"/></li>
49　　　　 <li>第一个数：<input id="k2" type="text"/></li>
50　　　　 <li>第二个数：<input id="k3" type="text"></input></li>
51　　　　 <li id="fuhao">
52　　　　　　 <input value='+' type="radio" name="ra">+</input>
53 　　　　　　<input value='-' type="radio" name="ra">-</input>
54 　　　　　　<input value='*' type="radio" name="ra">*</input>
55 　　　　　　<input value='/' type="radio" name="ra">/</input>
56 　　　　</li>
57 　　　　<li><button type='button' οnclick="anniu()">提交</button></li>
58 　　</ul>
70 </body>
71 </html>

转载于:https://www.cnblogs.com/chenyuan7/p/9181048.html

JS 简易的计算器相关推荐

Js 简易iphone计算器
界面展示: 1.实现普通计算器的基本功能: 加减乘除取百分数取相反数全部清除 2.思路 (1)页面布局 (2)其他操作功能在代码里有注释 (3)不足: 不明白为什么取反时,都要点击两次取反按钮才 ...
js计算器代码加减乘除_如何用jQuery做一个简易版计算器
经过几个小时地敲敲打打,终于把这一部分的代码完成了. 这类问题的难点不在于布局,而是如何恰当地使用jQuery达成计算.交互的目的,比如储存.显示数值,数据类型的转换等. 在听老师讲课之前的我,思路是 ...
js 月份间隔计算器_15分钟用JS做一个简易计算器
原标题:15分钟用JS做一个简易计算器前言这个小练手旨在帮助刚上手学习Java的同学练习最基本的Js知识,大神勿喷哈,由于这个是非常简易的计算器,可以完成的功能有加减乘除和AC(清屏),DEL(退 ...
html计算天数,Javascript实现简易天数计算器
本文实例为大家分享了Javascript实现简易天数计算器的具体代码,供大家参考,具体内容如下效果图: 功能: 1. 支持选择日期: 2. 自动计算闰年: 3. 支持使用当前日期. 代码: (1)h ...
[JavaScript学习记录] 首次运用于网页,做一个简易利息计算器!!!
目录事件错误处理 1.隐藏/显示文字 2.简单的加法计算器效果: ★★★3.简易利息计算器效果: 事件 javascript允许html与用户交互的行为例如:鼠标点击事件 & ...
制作一个简易的计算器
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一 ...
用DW制作简易的计算器
用DW敲出一个简易的计算器学JS之前感觉有点难,然后学了JS感觉很简单只要有了思路就可以敲出来. 下面是敲完之后的样子源代码结构很简单如下: 敲样式可以随便敲,看起来整齐一点就OK了,我是这样敲的: ...
利用Unity3D制作简易2D计算器
利用Unity3D制作简易2D计算器标签(空格分隔): uiniy3D 1. 操作流程在unity3DD中创建一个新项目注意选择是2D的(因为默认3D) 在Assets框右键新建C#脚本在新建 ...
用链栈实现简易四则运算计算器(php版)
栈是一种限定仅在表尾进行插入和删除操作的线性表.栈的应用有很多,比如常见的递归,计算机表达式求值等.下面我们用栈来实现简易的四则运算计算器. 列一下本文的思路: 实现链栈的数据结构及其操作中缀表达式 ...

JS 简易的计算器

JS 简易的计算器相关推荐

最新文章

热门文章