首先,我们需要编写HTML布局,建立计算器的界面结构。代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>计算器</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="calculator">
<div class="result">
<input type="text" id="result-box" disabled>
</div>
<div class="buttons">
<button οnclick="appendNumber(1)">1</button>
<button οnclick="appendNumber(2)">2</button>
<button οnclick="appendNumber(3)">3</button>
<button οnclick="calculate('+')">+</button>
<br>
<button οnclick="appendNumber(4)">4</button>
<button οnclick=