作成方法：重量変換器

HTMLとJavaScriptを使用して重量変換器を作成する方法を学びます。

重量変換器

どのフィールドにも値を入力すると、重量単位間で変換できます：

创建重量转换器

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

第一步 - 添加 HTML：

例 - ポンドからキログラムへの変換

<p>
  <label>Pounds</label>
  <input id="inputPounds" type="number" placeholder="Pounds"
  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 試してみる