如何操作 - 重量转换器
学习如何使用 HTML 和 JavaScript 创建一个重量转换器。
重量转换器
在任何一个字段中输入数值，即可在不同的重量单位之间进行转换
创建重量转换器
创建一个可以将在一个重量单位值转换为另一个重量单位值的输入元素。
步骤 1) 添加 HTML
示例 - 磅转换为千克
<p>
<label>磅</label>
<input id="inputPounds" type="number" placeholder="磅"
oninput="weightConverter(this.value)" onchange="weightConverter(this.value)">
</p>
<p>克: <span id="outputGrams"></span></p>
步骤 2) 添加 JavaScript
示例 - 磅转换为千克
/* 当输入字段接收到输入时，将磅值转换为千克 */
function weightConverter(valNum) {
document.getElementById("outputGrams").innerHTML = valNum / 0.0022046;
}
自己动手试一试 »
从磅转换为其他单位
下表显示了如何从磅转换为其他重量单位
| 描述 | 公式 | 示例 |
|---|---|---|
| 从磅转换为千克 | kg=lb/2.2046 | 试一试 |
| 从磅转换为盎司 | oz=lb*16 | 试一试 |
| 从磅转换为克 | g=lb/0.0022046 | 试一试 |
| 从磅转换为英石 | st=lb*0.071429 | 试一试 |
从千克转换为其他单位
下表显示了如何从千克转换为其他重量单位
| 描述 | 公式 | 示例 |
|---|---|---|
| 从千克转换为磅 | lb=kg*2.2046 | 试一试 |
| 从千克转换为盎司 | oz=kg*35.274 | 试一试 |
| 从千克转换为克 | g=kg*1000 | 试一试 |
| 从千克转换为英石 | st=kg*0.1574 | 试一试 |
从盎司转换为其他单位
下表显示了如何从盎司转换为其他重量单位
| 描述 | 公式 | 示例 |
|---|---|---|
| 从盎司转换为磅 | lb=oz*0.0625 | 试一试 |
| 从盎司转换为千克 | kg=oz/35.274 | 试一试 |
| 从盎司转换为克 | g=oz/0.035274 | 试一试 |
| 从盎司转换为英石 | st=oz*0.0044643 | 试一试 |
从克转换为其他单位
下表显示了如何从克转换为其他重量单位
| 描述 | 公式 | 示例 |
|---|---|---|
| 从克转换为磅 | lb=g*0.0022046 | 试一试 |
| 从克转换为千克 | kg=g/1000 | 试一试 |
| 从克转换为盎司 | oz=g*0.035274 | 试一试 |
| 从克转换为英石 | st=g*0.00015747 | 试一试 |
从英石转换为其他单位
下表显示了如何从英石转换为其他重量单位
| 描述 | 公式 | 示例 |
|---|---|---|
| 从英石转换为磅 | lb=st*14 | 试一试 |
| 从英石转换为千克 | kg=st/0.15747 | 试一试 |
| 从英石转换为盎司 | oz=st*224 | 试一试 |
| 从英石转换为克 | g=st/0.00015747 | 试一试 |
