如何創建：重量轉換器

學習如何使用 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 試一試