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代码实现计算器操作相关推荐

  1. 网页计算机(h5+js+css)

    今天学了一个网页计算机(h5+js+css) 效果图如下: 代码如下: html: <!DOCTYPE html> <html lang="en"> < ...

  2. js 获取计算机mac地址,JS获取计算机mac地址以及IP的实现方法

    JS获取计算机mac地址以及IP的实现方法 复制代码 代码如下: //这两个是系统里的ActiveX插件   用来获取ip以及物理地址 if(objObject.IPEnabled   !=   nu ...

  3. Ferris教程学习笔记:js示例2.13 简易JS年历

    //解题思路:    将每一个月的节日保存在一个数组中,下标0开始--11    在程序中为每一个li添加一个点击事件    1:修改css属性    2:依据元素下标赋值 1 <!DOCTYP ...

  4. JS 网页自动加载js函数

    1法:body 的onload的方法 <body onLoad="clockon(bgclock)"> 2法:window.onload方法 <script de ...

  5. JS window对象的top、parent、opener含义介绍 以及防止网页被嵌入框架的代码

    1.top 该变更永远指分割窗口最高层次的浏览器窗口.如果计划从分割窗口的最高层次开始执行命令,就可以用top变量. 2.opener opener用于在window.open的页面引用执行该wind ...

  6. js网页繁体简体转换

    PHP类UTF8编码内的繁简转换-繁体-简体 注意:非得加上html头 utf-8编码 其它编码无测试 代码实例: <!DOCTYPE html PUBLIC "-//W3C//DTD ...

  7. 程序员520❤七夕情人节表白代码Html+Js+Css花瓣相册网页模板❤程序员表白必备

    ❉ 520程序员求婚Html+Js+Css花瓣相册❤ (爱心3D动画,自定义文字)/ 程序员表白必备 一年一度的/520情人节/七夕情人节/生日礼物/告白师妹/程序员表白, 非常经典的程序员式的表达爱 ...

  8. 使用有道词典API做一个简单的翻译页面 HTML+JS+有道词典API(代码可直接运行)

    使用有道词典API做一个简单的翻译页面 HTML+JS+有道词典API(代码可直接运行) 代码很简单,适合初学者学习借鉴.可以当成一个小工具使用. 注意: 1.代码应联网使用. 2.在输入密钥和id时 ...

  9. HTML+CSS+JS商城网站设计——蛋糕团购商城模板 (4页) 蛋糕团购网页设计制作 简单静态HTML网页作品 商城网页作业成品 网购网站模板

    HTML5期末大作业:蛋糕团购商城网站设计--蛋糕团购商城模板 (4页) 蛋糕团购网页设计制作 简单静态HTML网页作品 商城网页作业成品 一.作品展示 二.文件目录 三.代码实现 <!doct ...

最新文章

  1. 知识图谱的皇冠:知识图谱推理的前世今生
  2. java 之 学习过程中遇到的大佬博客
  3. mysql 线程内存 回收_MySQL内存使用-线程独享
  4. 用python3做学生管理系统_详解用python实现基本的学生管理系统(文件存储版)(python3)...
  5. MYSQL 取随机记录的方法
  6. 《高质量java程序设计》读书笔记之----异常处理(1)
  7. 笔记整理-知识产权与标准化知识-GB/T11457-2006软件工程术语
  8. 湖南工程学院计算机毕业设计,湖南工程学院毕业设计模板.docx
  9. SQLSERVER复制订阅中的数据库版本选择
  10. stat函数_数据分析工具入门 掌握这些Excel函数就够了
  11. 女人让男人感到自卑的九个经典(摘于网络)
  12. php 数组排序以及按照某个字段排序
  13. Spring Bean生命周期-prepareRefresh(二)
  14. am start 启动王者荣耀
  15. 如何使用计算机远程关闭手机软件,如何用手机远程控制电脑关机
  16. 学生每日计划表_初三学生逆袭每日计划表
  17. 苹果商城怎么调成中文_使用苹果手机时,你感觉最不舒服的地方有哪些?
  18. html中蝴蝶飞飞怎么制作,【幼儿园折纸蝴蝶教案】手工折纸蝴蝶教案_幼儿园手工蝴蝶教案_亲亲宝贝网...
  19. 【杂记】火狐浏览器主页被2345恶意篡改解决方法
  20. Linux学习之socket编程(一)

热门文章

  1. JDBC的第一个版本,不使用配置文件。使用jar文件一个
  2. java8的stream流操作的数据结构
  3. abp.net mysql_ABP .Net Core Entity Framework迁移使用MySql数据库
  4. golang sql注入问题
  5. 【docker】为docker下的php容器安装php-redis扩展【编译安装】
  6. exec 与shell_exec的区别
  7. include做配置文件
  8. jquery之DataTables的使用
  9. mysql 的 sql_mode.only_full_group_by属性解析
  10. 使用FactoryBean定制实例化逻辑