如何创建：重量转换器

学习如何使用 HTML 和 JavaScript 创建重量转换器。

重量转换器

在任何字段中输入一个值，可在重量计量单位之间进行转换：

创建重量转换器

创建一个输入元素，可将一个重量计量单位转换为另一个重量计量单位。

第一步 - 添加 HTML：

实例 - 磅换算为千克

<p>
  <label>Pounds</label>
  <input id="inputPounds" type="number" placeholder="Pounds"
  oninput="weightConverter(this.value)" onchange="weightConverter(this.value)">
</p>
<p>Grams: <span id="outputGrams"></span></p>

第二步 - 添加 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 试一试