<table border="1" width="300px" height="300px" align="center"> <tr><td colspan="2"><p>计算器<p></td></tr> <tr><td><p>总分</p></td><td><input type="text" id="total"/></td></tr> <tr><td><p>科目个数</p></td><td><input type="text" id="number"/></td></tr> <tr><td><p>平均分</p></td><td><input type="text" id="average" value="此处显示平均分" disabled="true"> <input type="button" id="confirm" value="确定" onclick="pjf()"/></td></tr> </table>
时间: 2023-07-06 22:27:25 浏览: 80
STD35NF06LT4&15-VB场效应管一款N沟道TO252封装的晶体管
这是一个基于 HTML 表格的计算器,可以根据输入的总分和科目个数计算平均分。代码如下:
```html
<table border="1" width="300px" height="300px" align="center">
<tr>
<td colspan="2"><p>计算器</p></td>
</tr>
<tr>
<td><p>总分</p></td>
<td><input type="text" id="total"></td>
</tr>
<tr>
<td><p>科目个数</p></td>
<td><input type="text" id="number"></td>
</tr>
<tr>
<td><p>平均分</p></td>
<td>
<input type="text" id="average" value="此处显示平均分" disabled>
<input type="button" id="confirm" value="确定" onclick="pjf()">
</td>
</tr>
</table>
<script>
function pjf() {
var total = parseFloat(document.getElementById("total").value);
var number = parseFloat(document.getElementById("number").value);
var average = total / number;
document.getElementById("average").value = average.toFixed(2);
}
</script>
```
在表格中,输入总分和科目个数,点击“确定”按钮,即可计算平均分并显示在文本框中。其中,`toFixed()` 方法可将计算结果保留指定的小数位数,这里设置为保留两位小数。
阅读全文