html中实现简单计算器功能,js实现简易计算器功能

制作能进行加减乘除的简易计算器，主要是练习动态注册事件。因以练习为主，所以包含了较多基础方法。

效果图

代码

简易计算器

window.onload = function(){

document.onclick = function(){

var ipts = document.getElementsByTagName("input");

for (var i = 0; i < ipts.length; i++) {//得到值和符号

if (ipts[i].type == "text") {

switch (i){

case 0:

num1 = ipts[i].value;

num1 = Number(num1);

break;

case 1:

opt = ipts[i].value;

break;

case 2:

num2 = ipts[i].value;

num2 = Number(num2);

break;

}

var res;//结果

switch (opt){//通过得到的值和符号进行计算

case "+":

res = num1 + num2;

break;

case "-":

res = num1 - num2;

break;

case "*":

res = num1 * num2;

break;

case "/":

res = num1 / num2;

break;

}

var r = document.getElementById("result");

r.value = res;

}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

html中实现简单计算器功能,js实现简易计算器功能相关推荐

android中留言板功能,js 实现简易留言板功能
无标题文档 li{list-style:none;} li{position:relative;width:500px;} a{position:absolute;right:10px;} var c ...
html、css、js实现简易计算器
学习HTML,CSS,JS一个月后,想着能自己是否能写出一个简单的东西,故编写了简易的计算器,之前也写过一个坦克大战,坦克大战的有些基本功能没有实现, 故也没有记录下来,想来,对这行初来咋到的,还是需 ...
html + css + js 实现简易计算器
使用LICEcap工具截取的效果图: 计算器页面实现: 为计算器的input输入框添加disabled="disabled"属性,防止从键盘中直接输入除小数点之外的非数字符号:设置 ...
JavaScript初学入门（JS打印9*9乘法表，JS制作简易计算器）
目录网页的三部分组成: Java和JavaScript的关系: JavaScript的三种使用方式: Js的5种输出方式: Js的语法初始: js中值的类型: JS中的运算符: JS中的流程控制语句 ...
java awt 简单计算器,JAVA Swing 开发简易计算器（上）
开发一个简易的计算器我们主要分为两大部分:图形界面设计与具体功能实现.这篇文章讲图形界面设计,下篇讲具体功能实现. 代码下载:https://github.com/taifus/Java_Calcul ...
python表达式计算器_Python正则表达式实现简易计算器功能示例
本文实例讲述了Python正则表达式实现简易计算器功能.分享给大家供大家参考,具体如下: 需求:使用正则表达式完成一个简易计算器. 功能:能够计算简单的表达式. 如:1*2*((1+2)/(2+3)+ ...
pythontkinter做计算器_Python Tkinter实现简易计算器功能
闲暇时间用tkinter写了个简易计算器,可实现简单的加减乘除运算,用了Button和Entry2个控件,下面是代码,只是简单的用了偏函数partial,因为那么多button的大部分参数都是一样的, ...
html猜随机数游戏,用js制作简易计算器及猜随机数字游戏
JS简易计算器 input[type="button"] { height:55px; width:55px; background-image: -webkit-linear-g ...
html如实现留言板功能,JS实现留言板功能[楼层效果展示]
功能实现: 1.发布人和发布内容非空校验 2.编辑删除功能 3.楼层效果展示 4.发布时间展示效果图目录 tools.js 时间工具包 function getTime(){ var weeks ...

html中实现简单计算器功能,js实现简易计算器功能

html中实现简单计算器功能,js实现简易计算器功能相关推荐

最新文章

热门文章