JavaScript网页计算器


<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><p>整数1：<input id="num1" type="text"></p><p>整数2：<input id="num2" type="text"></p><p><input type="button" value="相加" onclick="calc(add)" /><input type="button" value="相减" onclick="calc(mul)" /><input type="button" value="相乘" onclick="calc(sub)" /><input type="button" value="相除" onclick="calc(div)" /></p><p>结果:<input id="result" type="text" read-only></p><script type="text/javascript">function calc(f1){var result =document.getElementById('result');var num1 =parseInt(document.getElementById('num1').value);var num2 =parseInt(document.getElementById('num2').value);if(isNaN(num1)||isNaN(num2)){alert("请输入数字");return false;}result.value=f1(num1,num2);}function add(m1,m2){return m1+m2;}function mul(m1,m2){return m1-m2;}function sub(m1,m2){return m1*m2;}function div(m1,m2){return m1/m2;}</script></body>
</html>

JavaScript网页计算器实现加减乘除简单功能

JavaScript网页计算器相关推荐

基于JavaScript实现网页计算器
基于JavaScript的网页计算器基于HTML.CSS.JavaScript制作的网页计算器,其中可以实现加.减.乘.除.取整.求余.阶乘.科学计数等功能界面如下: 代码如下: 有兴趣的朋友欢迎 ...
JavaScript实现网页计算器
Hbuilder X中实现网页计算器(+-*/) 文章目录一.计算器代码二.代码分析一.计算器代码 <!DOCTYPE html> <html><head>& ...
用JavaScript制作简单的网页计算器
一.题目利用JavaScript中的函数,完成数字加.减.乘.除的运算,实现一个简单的计算器. 二.代码 <!doctype html> <html> <head> ...
html怎么实现计算器功能键介绍,JavaScript实现网页计算器功能
本文实例为大家分享了JavaScript实现网页计算器的具体代码,供大家参考,具体内容如下要求:在网页上实现简单的计算器功能和界面 CSS样式代码: * { margin: 0; padding: ...
HTML5实现网页计算器清空操作,基于JavaScript实现网页计算器
本文实例为大家分享了JavaScript实现网页计算器的扫雷游戏的具体代码,供大家参考,具体内容如下先看效果: 此外,计算器还附有数字.运算符检查功能: 下贴源码: 计算器 var oper1=pr ...
JavaScript制作网页计算器
JavaScript制作网页计算器 <!DOCTYPE html> <html lang="en"> <head><meta charse ...
html浮点计算器,javascript公式计算引擎-解决浮点数计算误差-网页计算器
我们大家都知道,javascript在计算公式的时候,会出现误差,导致我们本来就应该正确的代码,出现了我们意想不到的结果. 例如:45.6*13=592.8000000000001(结果应该是592. ...
用javascript制作二位数的网页计算器
script部分 function add(clickNum){document.getElementById("screen").value += clickNum.value; ...
【web前端特效源码】Html5+css3+JavaScript实现计算器2功能+新拟态新拟物风格(Neumorphism)网页图标按钮效果~手把手教学~适合初学者~超简单~
b站视频演示效果: [web前端特效源码]Html5+css3+JavaScript实现计算器2功能+新拟态新拟物风格(Neumorphism)网页图标按钮效果!手把手教学! 效果图: 完整代码: & ...

JavaScript网页计算器

JavaScript网页计算器相关推荐

最新文章

热门文章