html+js实现简单的计算器代码(加减乘除)

function setOp(op, opTips)

{

var tb=document.getElementById("tb_calc");

tb.style.display = "none";

document.getElementById("x").value = "";

document.getElementById("y").value = "";

document.getElementById("z").innerText = "";

document.getElementById("op").innerText = op;

document.getElementById("opTips").value = opTips;

tb.style.display = "block";

}

function calc()

{

var x = parseInt(document.getElementById("x").value);

var y = parseInt(document.getElementById("y").value);

var op = document.getElementById("op").innerText;

var z = "";

switch(op)

{

case '+':

z = x + y;

break;

case '-':

z = x - y;

break;

case '*': ;

z = x * y;

break;

case '/': ;

z = x / y;

break;

default:

z = '';

}

console.log(x, op, y, '=', z);

document.getElementById("z").innerText = z;

}

截图如下:

以上这篇html+js实现简单的计算器代码(加减乘除)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

html网页加减乘除代码,html+js实现简单的计算器代码(加减乘除)相关推荐

  1. 静态html加减乘除计算器代码,html+js实现简单的计算器代码(加减乘除)

    下面小编就为大家带来一篇html+js实现简单的计算器代码(加减乘除).小编觉得挺不错的,现在就分享给大家,也给大家做个参考. html+js实现简单的计算器代码(加减乘除) function set ...

  2. js装修计算器java代码_用js编写的简单的计算器代码程序

    最近编写的一个简单的计算器代码程序,先给大家展示一下 分享代码如下 #box{width: 295px; margin: 0 auto; text-align: justify; border: 1p ...

  3. 用C语言实现一个简单的计算器代码

    #include <stdio.h> #include <math.h> #include <stdlib.h> //预处理指令 int main(void) {d ...

  4. js制作bmi指数计算器代码

    js制作bmi指数计算器代码,js实现bmi指数计算代码教程如下: 1.输入体重 2.输入身高 计算结果:计算出体重指数 js实现代码: function setKeyup(obj) {if (!ob ...

  5. 一键换肤代码html,js实现简单的网页换肤效果

    中心思想:网页换肤的原理就是通过调用不同的样式表文件来实现不同的皮肤切换,并且需要将换好的皮肤计入Cookie中,这样用户已下次访问时,就可以显示用户自定义皮肤了 步骤: 1.在设计HTML代码时,用 ...

  6. js初步简单的编程代码

    简单图片切换编码demo图片地址自行替换 简单图片切换编码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&q ...

  7. js html5 音乐播放器代码大全,js实现简单音乐播放器

    本文实例为大家分享了js实现音乐播放器的具体代码,供大家参考,具体内容如下 效果图: 可播放暂停继续播放,进度条可拖动,时间展示,声音调节 完整代码(直接拿来用) audio功能开发 * { marg ...

  8. dropzone java实例_Java实现拖拽文件上传dropzone.js的简单使用示例代码

    Java实习生一枚,前端知识薄弱,最近因为工作需要,做了一个拖拽文件上传的功能,发现dropzone.js挺不错的,特地做个笔记. 自己写的拖拽文件至一个按钮上传的功能,前端及java代码如下: js ...

  9. python简单代码加法-Python tkinter实现简单加法计算器代码实例

    tkinter 是 Python 的标准 GUI 库.Python 使用 tkinter 可以快速的创建 GUI 应用程序.由于 tkinter 是内置到 python 的安装包中.只要安装好 Pyt ...

最新文章

  1. 高德地图API路径规划结果清除
  2. 使用 std::shared_ptr 和 std::unique_ptr 测试 boost/pointer_cast.hpp
  3. Cocos2d-x3.0 DrawNode吸取
  4. LiveVideoStackCon 2020北京站-售票通道关闭倒计时2天
  5. python3(三)Matplotlib
  6. .NET Core etcd 配置源
  7. python发短信脚本_python脚本发送短信
  8. strictmath_Java StrictMath rint()方法与示例
  9. JSON(5)---JSON.stringify()
  10. word手写字体以假乱真_常用的100个Word快捷键
  11. 使用计算机程序的设计语言是,计算机程序设计语言有哪些?
  12. 市场巨星的挖掘者、硅谷投资权威——早在1992年就走进星巴克办公室的Michael Moe...
  13. 从零搭建 ES 搜索服务(五)搜索结果高亮
  14. firefox百度贴吧发不出表情的解决办法
  15. 设计模式-单例模式,观察者模式
  16. IDEA 默认浏览器修改设置
  17. 在桌面上显示当前的IP地址和电脑名称
  18. 120行代码爬取电子书网站
  19. 在U盘上安装debian linux
  20. Android项目集成谷歌账户登录

热门文章

  1. 分享基于JavaEE移动平台的企业级房地产ERP采购系统全程开发实录
  2. SpringBoot创建web项目
  3. 24张神GIF动图:数学概念这么酷!
  4. (java)leetcode122 买卖股票的最佳时机2 数组的多个谷底与峰值的求和
  5. 为什么TDM更适合数字传输?(模拟信号与数字信号传输比较,TDM与FDM传输方式比较)
  6. 解决SecureFX中文乱码的方法
  7. 由于找不到VCRUNTIME140_1.dll,xxx解决方法
  8. MySQL——Java 访问 MySQL 数据库
  9. Java 访问MySQL的小例子
  10. 最好的WordPress搜索引擎优化技巧,你应该完全尝试