首页前端开发HTMLhtml中简单计算器的代码

html中简单计算器的代码

时间2023-11-08 07:06:03发布访客分类HTML浏览629
导读：简单计算器 简单计算器 输入两个数字和一个运算符，点击“计算”按钮得到结果。 数字1： 数字2： 运算符： 计算 结果：...
简单计算器

简单计算器

输入两个数字和一个运算符，点击“计算”按钮得到结果。

数字1：
数字2：
运算符：

计算

结果：

                function calculate() {
                var num1 = Number(document.getElementById("num1").value);
                var num2 = Number(document.getElementById("num2").value);
                var operator = document.getElementById("operator").value;
                var result = 0;
                        if (operator == "+") {
                    result = num1 + num2;
            }
 else if (operator == "-") {
                    result = num1 - num2;
            }
 else if (operator == "*") {
                    result = num1 * num2;
            }
 else if (operator == "/") {
                    result = num1 / num2;
            }
 else {
                    document.getElementById("result").innerText = "运算符不正确！";
                    return;
            }
                            document.getElementById("result").innerText = result;
        }
        
以上是一个简单的 HTML 计算器代码。通过输入两个数字和一个运算符，点击“计算”按钮后会得到结果。其中，数字1 和数字2 分别使用了 input 标签，并且在计算时使用了 Number() 函数将其转为数值类型，而运算符则使用了 input 标签的 text 类型。计算函数使用了 if...else 条件语句，根据输入的运算符来选择不同的计算方法。最后，使用 pre 标签将结果展示出来。


声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！

					



若转载请注明出处： html中简单计算器的代码 


本文地址： https://pptw.com/jishu/529878.html
					

						html中空链接代码怎样写
						html中简化重复代码
					

				

				

					
				




	
	

		
		
		

		

			
 

			
 

					

		
游客 回复需填写必要信息

	





			

			
		
	

	
	
	↑