12/14 计算器雏形
来源:互联网 发布:淘宝类目上限数量 编辑:程序博客网 时间:2024/06/11 08:18
WEB部分
<!DOCTYPE html><html><body><from>第一个数字:<br><input type="text" id="num1"><br>第二个数字:<br><input type="text"id="num2"><br>运算结果:<br><p id="result">结果将在这里显示</p></from><button id="add">+</button><button id="subtract">-</button><button id="multiply">×</button><button id="divide">÷</button></body></html>
JavaScript
// 获取按钮var addBtn = document.getElementById('add');var subtractBtn = document.getElementById('subtract');var multiplyBtn = document.getElementById('multiply');var divideBtn = document.getElementById('divide');var resultNum = document.getElementById('result');// 定义全局变量var a_int;var b_int;// 为按钮添加点击方法addBtn.onclick = function(){ getInputNum(); var result = addition(a_int, b_int); resultNum.innerHTML = String(result);};subtractBtn.onclick = function(){ getInputNum(); var result = subtraction(a_int, b_int); resultNum.innerHTML = String(result);};multiplyBtn.onclick = function(){ getInputNum(); var result = multiplication(a_int, b_int); resultNum.innerHTML = String(result);};divideBtn.onclick = function(){ getInputNum(); var result = division(a_int, b_int); resultNum.innerHTML = String(result);};// 获取 input 的值转为数字function getInputNum(){ // 这里是局部变量 var a = document.getElementById('num1').value; var b = document.getElementById('num2').value; // 将转化后的数字赋值给全局变量 a_int = parseInt(a, 10); b_int = parseInt(b, 10);}// 加减乘除function addition(x, y){ return x + y;}function subtraction(x, y){ return x - y;}function multiplication(x, y){ return x * y;}function division(x, y){ if (y == 0){ alert('0不能做除数'); return; } else{ return x / y; }}
阅读全文
0 0
- 12/14 计算器雏形
- 利用栈做的中缀计算器雏形
- 程序设计第三次作业---C++计算器雏形
- 项目14-三角形类雏形(1)
- 项目14-三角形类雏形(2)
- 项目14-三角形类雏形(3)
- 项目14-三角形类雏形(4)
- 项目14-三角形类雏形(5)
- 引擎雏形
- telbook雏形
- 风火轮雏形
- 分类雏形
- Vue雏形
- 计算器
- 计算器
- /* 计算器 */
- 计算器
- 计算器
- Yii2.0 model基本操作(连表操作)
- 【mysql 性能优化篇】性能配置
- JAVA的位运算符<<
- 如何解决XMind提示安装无效配置路径的方法
- Spring AOP(面向切面)
- 12/14 计算器雏形
- 编写函数实现二进制位从左到右翻转后的值
- Same Tree:判断两棵二叉树是否相同
- java正则表达式
- for in 循环遍历对象和数组
- Runnable android 中可能存在内存泄漏
- 15算法课程 278. First Bad Version
- console.time和console.timeEnd用法
- 微信小程序--代码包压缩策略