<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>这是一个计算器页</title>
<style>
*{margin:0;padding:0;}
.panel {
font-size:20px;
width: 300px;
height: 480px;
margin: auto;
background-color: black;
overflow: hidden;
}
.panel>div {
height: 70px;
width: 100%;
}
table {
width: 300px;
height: 374px;
margin: auto;
text-align: center;
}
table tr td {
width: 20%;
border-radius: 50%;
cursor: pointer;
border: 4px solid #000;
}
table tr:nth-last-child(1) td:nth-child(1) {
border-radius: 140px;
}
table tr:nth-child(1) td {
background-color: #7c7c7c;
color: #281622;
}
table tr td:nth-last-child(1) {
background-color: #fc8e39;
color: #fff;
}
table tr td {
background-color: #2c2c2c;
color: #fff;
}
.panel>div {
color: #fff;
font-size: 50px;
margin-top: 30px;
text-align: right;
}
</style>
</head>
<body>
<div class="panel">
<div id="result-text">0</div>
<table border="0">
<tr>
<td onClick="main.reset()">AC</td>
<td onClick="main.clickopt('+/-')">+/-</td>
<td onClick="main.clickopt('%')">%</td>
<td onClick="main.clickopt('/')">/</td>
</tr>
<tr>
<td onClick="main.clickNum('7')">7</td>
<td onClick="main.clickNum('8')">8</td>
<td onClick="main.clickNum('9')">9</td>
<td onClick="main.clickopt('*')">*</td>
</tr>
<tr>
<td onClick="main.clickNum('4')">4</td>
<td onClick="main.clickNum('5')">5</td>
<td onClick="main.clickNum('6')">6</td>
<td onClick="main.clickopt('-')">-</td>
</tr>
<tr>
<td onClick="main.clickNum('1')">1</td>
<td onClick="main.clickNum('2')">2</td>
<td onClick="main.clickNum('3')">3</td>
<td onClick="main.clickopt('+')">+</td>
</tr>
<tr>
<td colspan="2" onClick="main.clickNum('0')">0</td>
<td onClick="main.clickNum('.')">.</td>
<td onClick="main.calc()">=</td>
</tr>
</table>
</div>
<script src="../renderProcess/index.js"></script>
</body>
</html>