简单的js网页计算机代码,简易js代码实现计算器操作
/* 定义一个Calculator类*/
function Calculator(){
this.jisuan=function(num1,num2,oper){
var res=0;
switch(oper){
case "+":
res=num1+num2;
break;
case "-":
res=num1-num2;
break;
case "*":
res=num1*num2;
break;
case "/":
res=num1/num2;
break;
}
return res;
}
}
//创建对象
var calculator=new Calculator();
/*定义全局变量*/
var val=0; //放置输入的值
var xval=0;//保存转换Number类型的值
var temp=0; //保存第一次输入的值
var oper="";//保存输入的操作符
/*获取输入数字*/
function inputEvent(e){
val=e.value
var xsval=document.getElementById("inp1");
xsval.value+=val; //连续输入数字(String类型)
//转换Number类型
xval=parseFloat(xsval.value);
}
/*获取第一行的数据*/
function inputPCB(e){
//window.alert(e.value);
var xsval=document.getElementById("inp1");
if(e.value=="Clear"){
xsval.value="";
}else if(e.value=="Back"){
/*这个功能还没有实现,有兴趣的朋友可以自己做一做*/
}else if(e.value=="POWER"){
//计算平方
xsval.value=Math.pow(xsval.value,2);
}
}
/*输入操作符*/
function inputOper(e){
oper=e.value;
//window.alert(typeof oper);
//oper=oper.substr(0);
if (e.value=="+"){
var xsval=document.getElementById("inp1");
//保存上次计算结果,并对字符串进行转换Number类型
temp=parseFloat(xsval.value);
//第一次输入的值设置为空
xsval.value="";
}else if(e.value=="-"){
var xsval=document.getElementById("inp1");
temp=parseFloat(xsval.value);
xsval.value="";
}else if(e.value=="*"){
var xsval=document.getElementById("inp1");
temp=parseFloat(xsval.value);
xsval.value="";
}else if(e.value=="/"){
var xsval=document.getElementById("inp1");
temp=parseFloat(xsval.value);
xsval.value="";
}
}
/*计算结果*/
function inputEquel(e){
var xsval=document.getElementById("inp1");
if(e.value=="="){
//window.alert(xval);
//调用对象方法
xsval.value=calculator.jisuan(temp,xval,oper);
}
}
input{
width:60px;
}
#inp1{
width:280px;
text-align:right;
}
简单的js网页计算机代码,简易js代码实现计算器操作相关推荐
- 网页计算机(h5+js+css)
今天学了一个网页计算机(h5+js+css) 效果图如下: 代码如下: html: <!DOCTYPE html> <html lang="en"> < ...
- js 获取计算机mac地址,JS获取计算机mac地址以及IP的实现方法
JS获取计算机mac地址以及IP的实现方法 复制代码 代码如下: //这两个是系统里的ActiveX插件 用来获取ip以及物理地址 if(objObject.IPEnabled != nu ...
- Ferris教程学习笔记:js示例2.13 简易JS年历
//解题思路: 将每一个月的节日保存在一个数组中,下标0开始--11 在程序中为每一个li添加一个点击事件 1:修改css属性 2:依据元素下标赋值 1 <!DOCTYP ...
- JS 网页自动加载js函数
1法:body 的onload的方法 <body onLoad="clockon(bgclock)"> 2法:window.onload方法 <script de ...
- JS window对象的top、parent、opener含义介绍 以及防止网页被嵌入框架的代码
1.top 该变更永远指分割窗口最高层次的浏览器窗口.如果计划从分割窗口的最高层次开始执行命令,就可以用top变量. 2.opener opener用于在window.open的页面引用执行该wind ...
- js网页繁体简体转换
PHP类UTF8编码内的繁简转换-繁体-简体 注意:非得加上html头 utf-8编码 其它编码无测试 代码实例: <!DOCTYPE html PUBLIC "-//W3C//DTD ...
- 程序员520❤七夕情人节表白代码Html+Js+Css花瓣相册网页模板❤程序员表白必备
❉ 520程序员求婚Html+Js+Css花瓣相册❤ (爱心3D动画,自定义文字)/ 程序员表白必备 一年一度的/520情人节/七夕情人节/生日礼物/告白师妹/程序员表白, 非常经典的程序员式的表达爱 ...
- 使用有道词典API做一个简单的翻译页面 HTML+JS+有道词典API(代码可直接运行)
使用有道词典API做一个简单的翻译页面 HTML+JS+有道词典API(代码可直接运行) 代码很简单,适合初学者学习借鉴.可以当成一个小工具使用. 注意: 1.代码应联网使用. 2.在输入密钥和id时 ...
- HTML+CSS+JS商城网站设计——蛋糕团购商城模板 (4页) 蛋糕团购网页设计制作 简单静态HTML网页作品 商城网页作业成品 网购网站模板
HTML5期末大作业:蛋糕团购商城网站设计--蛋糕团购商城模板 (4页) 蛋糕团购网页设计制作 简单静态HTML网页作品 商城网页作业成品 一.作品展示 二.文件目录 三.代码实现 <!doct ...
最新文章
- 知识图谱的皇冠:知识图谱推理的前世今生
- java 之 学习过程中遇到的大佬博客
- mysql 线程内存 回收_MySQL内存使用-线程独享
- 用python3做学生管理系统_详解用python实现基本的学生管理系统(文件存储版)(python3)...
- MYSQL 取随机记录的方法
- 《高质量java程序设计》读书笔记之----异常处理(1)
- 笔记整理-知识产权与标准化知识-GB/T11457-2006软件工程术语
- 湖南工程学院计算机毕业设计,湖南工程学院毕业设计模板.docx
- SQLSERVER复制订阅中的数据库版本选择
- stat函数_数据分析工具入门 掌握这些Excel函数就够了
- 女人让男人感到自卑的九个经典(摘于网络)
- php 数组排序以及按照某个字段排序
- Spring Bean生命周期-prepareRefresh(二)
- am start 启动王者荣耀
- 如何使用计算机远程关闭手机软件,如何用手机远程控制电脑关机
- 学生每日计划表_初三学生逆袭每日计划表
- 苹果商城怎么调成中文_使用苹果手机时,你感觉最不舒服的地方有哪些?
- html中蝴蝶飞飞怎么制作,【幼儿园折纸蝴蝶教案】手工折纸蝴蝶教案_幼儿园手工蝴蝶教案_亲亲宝贝网...
- 【杂记】火狐浏览器主页被2345恶意篡改解决方法
- Linux学习之socket编程(一)
热门文章
- JDBC的第一个版本,不使用配置文件。使用jar文件一个
- java8的stream流操作的数据结构
- abp.net mysql_ABP .Net Core Entity Framework迁移使用MySql数据库
- golang sql注入问题
- 【docker】为docker下的php容器安装php-redis扩展【编译安装】
- exec 与shell_exec的区别
- include做配置文件
- jquery之DataTables的使用
- mysql 的 sql_mode.only_full_group_by属性解析
- 使用FactoryBean定制实例化逻辑