初学者用JavaScript实现简单的计算器

最新推荐文章于 2023-02-25 09:27:58 发布

系哇卡几呆٩( ＇ω＇ )و

最新推荐文章于 2023-02-25 09:27:58 发布

阅读量336

点赞数 2

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/qq_53577699/article/details/126240008

版权

主要运用switch case和if else语句对与各按钮各种事件的分类，还有点击事件的运用。

这里先不多说先放代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<style type="text/css">
			#box {
				width: 500px;
				height: 350px;
				margin: 0 auto;
				background-color: #00aa00;
				padding: 30px;
			}

			#screen {
				background-color: white;
				background-size: 149.5%;
				width: 490px;
				height: 70px;
				margin: 0px auto;
				text-align: right;
				line-height: 60px;
				color: #000000;
				font-size: 28px;
				padding-right: 10px;
			}

			#line {
				flex-direction: row;
				display: flex;
				flex: 1;
			}

			.item {
				text-align: center;
				line-height: 60px;
				background-color: #008000;
				background-size: 600%;
				height: 70px;
				color: #fff;