如何 - 重量转换器
学习如何使用 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 | 试一试 |
