计算器（实现个位数的计算）（js实现）

m0_71014221

于 2023-04-01 20:52:38 发布

阅读量96

点赞数

文章标签：前端框架前端 vue.js html

本文链接：https://blog.csdn.net/m0_71014221/article/details/129902842

版权

该博客展示了如何使用JavaScript实现一个简单的个位数计算器，包括完整的代码实现和运行效果截图。

摘要由CSDN通过智能技术生成

完整代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			#content{
				width: 300px;
				border: 1px solid red;
				margin: 0 auto;
			}
			#wenben{
				height: 150px;
				width: 100%;
				background-color: #ccc;
				margin: 0px;
				line-height: 150px;
				font-size: 25px;
			}
			#btns{
				width: 100%;
				display: flex;
				flex-wrap:wrap;
				justify-content: space-around;
			}
			button{
				width: 70px;
				height: 60px;
				margin: 5px 1px;
				font-size: 20px;
			}
		</style>
		<script type="text/javascript">
			var p1=0;
			var p2=0;
			var opt='';
			var flag=-1;
			function num(number){
				if(number=="+"||number=="-"||number=="x"||number=="÷"){
					flag=0;
					opt=number;
					document.getElementB