HTML と JavaScript を使用した重量コンバータの作成方法を学習します。
いずれかのフィールドに重量を入力すると、それぞれの単位に変換します：
或る重量から他の重量に値を変換できる入力要素を作成します。
<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>
/* When the input field receives input, convert the value from pounds to kilograms */
function weightConverter(valNum) {
document.getElementById("outputGrams").innerHTML=valNum/0.0022046;
}
Try it Yourself »
下の表は、ポンドから他の重量単位に変換する方法を示しています：
| 説明 | 変換式 | 例 |
|---|---|---|
| ポンドからキログラムへの変換 | kg=lb/2.2046 | Try it |
| ポンドからオンスへの変換 | oz=lb*16 | Try it |
| ポンドからグラムへの変換 | g=lb/0.0022046 | Try it |
| ポンドからストーンへの変換 | st=lb*0.071429 | Try it |
下の表は、キログラムから他の重量単位に変換する方法を示しています：
| 説明 | 変換式 | 例 |
|---|---|---|
| キログラムからポンドへの変換 | lb=kg*2.2046 | Try it |
| キログラムからオンスへの変換 | oz=kg*35.274 | Try it |
| キログラムからグラムへの変換 | g=kg*1000 | Try it |
| キログラムからストーンへの変換 | st=kg*0.1574 | Try it |
下の表は、オンスから他の重量単位に変換する方法を示しています：
| 説明 | 変換式 | 例 |
|---|---|---|
| オンスからポンドへの変換 | lb=oz*0.0625 | Try it |
| オンスからキログラムへの変換 | kg=oz/35.274 | Try it |
| オンスからグラムへの変換 | g=oz/0.035274 | Try it |
| オンスからストーンへの変換 | st=oz*0.0044643 | Try it |
下の表は、グラムから他の重量単位に変換する方法を示しています：
| 説明 | 変換式 | 例 |
|---|---|---|
| グラムからポンドへの変換 | lb=g*0.0022046 | Try it |
| グラムからキログラムへの変換 | kg=g/1000 | Try it |
| グラムからオンスへの変換 | oz=g*0.035274 | Try it |
| グラムからストーンへの変換 | st=g*0.00015747 | Try it |
下の表は、ストーンから他の重量単位に変換する方法を示しています：
| 説明 | 変換式 | 例 |
|---|---|---|
| ストーンからポンドへの変換 | lb=st*14 | Try it |
| ストーンからキログラムへの変換 | kg=st/0.15747 | Try it |
| ストーンからオンスへの変換 | oz=st*224 | Try it |
| ストーンからグラムへの変換 | g=st/0.00015747 | Try it |