从2位数字中减去数字：工作表

本次介绍的程序是一个简单的工作表，用于计算两个两位数的差值。

功能说明

用户在工作表中输入两个两位数，程序会计算它们之间的差值，并将结果显示在工作表中。

使用方法

1. 打开工作表，在第一个格子中输入第一个两位数，第二个格子中输入第二个两位数。
2. 程序自动计算两个数的差值，并将结果显示在第三个格子中。

代码实现

本程序使用了以下语言和工具进行开发：

• HTML5
• CSS3
• JavaScript

HTML结构

<table>
  <tr>
    <th>被减数</th>
    <th>减数</th> 
    <th>差值</th>
  </tr>
  <tr>
    <td><input type="number" id="num1"></td>
    <td><input type="number" id="num2"></td> 
    <td><output id="result"></td>
  </tr>
</table>

JavaScript实现

// 获取输入框和输出框
var num1 = document.getElementById("num1");
var num2 = document.getElementById("num2");
var result = document.getElementById("result");

// 当输入框值发生改变时，计算差值
num1.addEventListener("change", calculate);
num2.addEventListener("change", calculate);

function calculate(){
  var n1 = parseInt(num1.value);
  var n2 = parseInt(num2.value);
  result.value = n1 - n2;
}

CSS样式

table {
  border-collapse: collapse;
}

th, td {
  border: 1px solid black;
  padding: 5px;
  text-align: center;
}

th {
  background-color: lightgray;
}