Question

这是我的示例代码非常感谢您查看我的代码：

<!DOCTYPE html>
<html>
<head>
<title>calculator</title>
<style>
</style>
</head>
<body>
<center><h2>calculator</h2></center>
<table border="5px" width="400px" cellspacing="30px" cellpadding="20px" align="center">
<tr>
<td style="border:0;font-style:red"><center><h3>CASIO</h3></center></td>
</tr>
<tr>
<td colspan="3" style="border:0px">
<input type="text" id="txtans" style="width:250px;height:25px;font-size:20px" dir="rtl">
</td>
<td style="background-color:rgb(212, 212, 12)">clear</td>
<td style="background-color:red">on/of</td>
</tr>
<tr>
<td style="background-color:gray">mc</td>
<td style="background-color:gray">mr</td>
<td style="background-color:gray">m-</td>
<td style="background-color:gray">m+</td>
<td style="background-color:gray">HMS</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
<td>*</td>
<td style="background-color:cyan">ac</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
<td>-</td>
<td>%</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td rowspan="2">+</td>
<td>/</td>
</tr>
<tr>
<td>0</td>
<td>+/-</td>
<td>.</td>
<td>=</td>
</tr>
</table>
</body>
</html>

请帮助我在代码中添加“按钮”功能，以便在浏览器中运行该程序时，可以单击数字按钮并进行计算！

Answer 1

尝试向您解释的一种非常简单的方法：

https://jsfiddle.net/wqo6Lxks/

<td onclick="document.getElementById('txtans').value += 3">3</td>
<td onclick="eval(document.getElementById('txtans').value)">=</td>

每个td需要一个操作（单击），才能将其内容插入txtans中，并且= eval（）计算该字符串。

HTML中的Button元素是什么

1 个答案: