JS写一个简易计算器

淩亂°似流年 2021-09-15 15:16 418阅读 0赞

![70][]

<!DOCTYPE html>
    <html lang="zh-CN">
    <head>
    	<meta charset="UTF-8">
    	<title>简单计算器</title>
    </head>
    <body>
    	<input type="text">
    	<select id="select">
    		<option value="add">+</option>
    		<option value="dis">-</option>
    		<option value="che">*</option>
    		<option value="chu">/</option>
    	</select>
    	<input type="text">
    	<input type="button" value="=">
    	<input type="text">
    	
    </body>
    <script>
    var inps = document.getElementsByTagName("input");
    var select = document.getElementById("select");
    
    inps[2].onclick = function(){
    	var a = Number(inps[0].value);
    	var b = Number(inps[1].value);
    	var value =select.value;
    	switch(value){
    		case "add":
    		inps[3].value=(a+b);
    		break;
    		case "dis":
    		inps[3].value=(a-b);
    		break;
    		case "che":
    		inps[3].value=(a*b);
    		break;
    		case "chu":
    		inps[3].value=(a/b);
    		break;		
    	}
    }
    
    </script>
    </html>

[70]: /images/20210813/134db389633b4ce9ba5d090157a8fcfd.png

发表评论取消回复

表情：

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

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

相关阅读

相关简易计算器

要求写-一个计算器，要求实现加减乘除功能，并且能够循环接收新的数据，通过用户交互实现。思路推荐: 写4个方法: 加减乘除

谁借莪１个温暖的怀抱￠/ 2024年03月27日 13:51/ 0 赞/ 70 阅读

相关简易计算器 Java

简易计算器 Java 下面是一个用Java编写的简易计算器程序。该程序可以执行基本的算术运算，包括加法、减法、乘法和除法。用户可以通过命令行输入两个操作数和运算符，程序将计算

电玩女神/ 2024年03月08日 03:44/ 0 赞/ 110 阅读

相关 js制作简易计算器

制作能进行加减乘除的简易计算器，主要是练习动态注册事件。因以练习为主，所以包含了较多基础方法。效果图 ![20191011122912532.gif][] 代码

╰+哭是因爲堅強的太久メ/ 2023年06月06日 10:50/ 0 赞/ 81 阅读

相关 JavaScript实现一个简易的计算器

写在最前的一些‘废话’ 大概从六月十号左右开始就一直在为期末考试（大部分）还有保研忙，本来计划的一个周至少有一天可以安心写代码，但发现计划赶不上变化，刚开始的第一周还可以有时

淩亂°似流年/ 2022年09月23日 10:56/ 0 赞/ 238 阅读

相关简易计算器

大家好啊~~~今天给大家看一个简易的计算器，希望能够帮助大家！！！谢谢 <body> <!-- 带领大家回忆一下 vue的

妖狐艹你老母/ 2022年09月05日 01:46/ 0 赞/ 302 阅读

相关 JS实现简易网页计算器

js实现简易计算器。计算器的布局不像表格那么公正对称，所以布局这块相对比较繁琐，但是也可以通过这来练习一下CSS。一、实现功能 1. 完成计算器的加减乘除的基本计算功能

女爷i/ 2022年05月17日 10:52/ 0 赞/ 329 阅读

相关利用JavaScript制作一个简易计算器

在学习javascript过程中，利用了标签和标签，制作了一个简单的计算器。 function jia()\{ var n1 =doc

拼搏现实的明天。/ 2022年05月13日 22:35/ 0 赞/ 269 阅读

相关 vue简易计算器

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF

小灰灰/ 2022年04月18日 06:33/ 0 赞/ 320 阅读

相关 JS写一个简易计算器

![70][] <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-

淩亂°似流年/ 2021年09月15日 15:16/ 0 赞/ 419 阅读

相关 vue简易计算器

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"

蔚落/ 2021年07月24日 13:23/ 0 赞/ 434 阅读