如何操作 - 重量轉換器
學習如何使用 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 | 試一試 |
