原生js实现加减乘除（计算器）

分手后的思念是犯贱 2023-02-24 03:40 37阅读 0赞

#### 原生js实现简单加减乘除计算 ####

这是一个小的demo

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>计算机</title> <style> #qq{ 
    				width: 200px;
    				height: 50px;
    				border: 1px solid green;
    			}
    		</style>
    	</head>
    	<body>
    		<div>
    			<input type="text" placeholder="请输入第一个数" id="txt1"/>
    		</div>
    		<div>
    			<input type="text" placeholder="请输入第二个数" id="txt2"/>
    		</div>
    		<div>
    			<input type="button" value="开始计算" id="btn"/>
    		</div>
    		<div id="qq">
    			
    		</div>
    	</body>
    	<script type="text/javascript">
    		  var txt1=document.getElementById("txt1");
                var txt2=document.getElementById("txt2");
                var btn=document.getElementById("btn");
                var qq=document.getElementById("qq"); btn.οnclick=function()
                { 
                	var d1=Number(txt1.value);
                	console.log("变量d1的数据类型是："+typeof d1);
                	var d2=Number(txt2.value);
                	console.log("变量dl的数据类型是："+typeof d2);
                	var ve=d1*d2 //加减乘除自行切换
                	qq.innerHTML=ve
                }
    	</script>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，37人围观）

还没有评论，来说两句吧...

相关阅读

相关制作实现加减乘除运算的简单计算器

1 问题在python中我们学习了条件语句，那么是否可以制作一个简单计算器呢？ 2 方法使用while循环和if 条件语句控制计算器，在输出需要使用到占位符：%s

偏执的太偏执、/ 2024年03月23日 16:03/ 0 赞/ 100 阅读

相关实现计算器的加减乘除的简单运算

实现计算器的加减乘除的简单运算实现思路: 1、选择所有数据从键盘输入 2、使用switch语句进行判断 3、需要从控制台输入三次: 第一个数字运算符

系统管理员/ 2023年03月04日 09:20/ 0 赞/ 23 阅读

相关原生js实现加减乘除（计算器）

原生js实现简单加减乘除计算这是一个小的demo <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <

分手后的思念是犯贱/ 2023年02月24日 03:40/ 0 赞/ 38 阅读

相关 js浮点数加减乘除

/ 加法函数，用来得到精确的加法结果说明：javascript的加法结果会有误差，在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法

￡神魔★判官ぃ/ 2022年10月19日 05:37/ 0 赞/ 196 阅读

相关 js 加减乘除

<span style="white-space:pre"> </span>function add(a, b) { var c, d, e;

Bertha 。/ 2022年07月15日 23:26/ 0 赞/ 254 阅读

相关 python 终端计算器，完成加减乘除功能

终端计算器，完成加减乘除功能 import sys print(sys.argv) if

ゝ一纸荒年。/ 2022年05月19日 09:19/ 0 赞/ 178 阅读

相关 js浮点数加减乘除

浮点数精确计算 / 加法函数，用来得到精确的加法结果说明：javascript的加法结果会有误差，在两个浮点数相加的时候会比较明显。这

Myth丶恋晨/ 2022年03月31日 05:12/ 0 赞/ 358 阅读

相关 js封装加减乘除

/ 加法运算，避免数据相加小数点后产生多位数和计算精度损失。 @param num1加数1 | num2加数2 /

桃扇骨/ 2022年01月20日 15:27/ 0 赞/ 378 阅读

相关 js 精确加减乘除

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] /\ \\\\js 精确加减乘除计算\\\\\ \@

拼搏现实的明天。/ 2022年01月13日 16:47/ 0 赞/ 297 阅读

相关 js实现加减乘除计算js丢失精度

/\\ 公用方法 / /\\\\\\\应用于几乎所有页面\\\\\\\\\\\\\\ \/ /\\ 说明：javascript

- 日理万妓/ 2022年01月12日 13:35/ 0 赞/ 324 阅读