如何创建：重量转换器

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

重量转换器

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

创建重量转换器

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

第一步 - 添加 HTML：

Esimerkki - Punnan muunnos kiloiksi

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

Vaihe 2 - Lisää JavaScript:

Esimerkki - Punnan muunnos kiloiksi

/* Kun syötealaus saapuu, muunna arvo punnasta kiloiksi. */
function weightConverter(valNum) {
  document.getElementById("outputGrams").innerHTML = valNum / 0.0022046;
}

Kokeile itse

Muunna punnast muihin painoyksiköihin

Seuraavassa taulukossa esitetään, miten punnast muunnetaan muihin painoyksiköihin:

Kuvaus Kaava Esimerkki
Muunna punnast kiloiksi kg=lb/2.2046 Kokeile itse
Muunna punnast oziin oz=lb*16 Kokeile itse
Muunna punnast grammoiksi g=lb/0.0022046 Kokeile itse
Muunna punnast tonniksi st=lb*0.071429 Kokeile itse

Muunna kilot muihin painoyksiköihin

Seuraavassa taulukossa esitetään, miten kilot muunnetaan muihin painoyksiköihin:

Kuvaus Kaava Esimerkki
Muunna kilot painoannoksiin lb=kg*2.2046 Kokeile itse
Muunna kilot oziin oz=kg*35.274 Kokeile itse
Muunna kilot grammoiksi g=kg*1000 Kokeile itse
Muunna kilot tonniksi st=kg*0.1574 Kokeile itse

Muunna ozi muihin painoyksiköihin

Seuraavassa taulukossa esitetään, miten ozi muunnetaan muihin painoyksiköihin:

Kuvaus Kaava Esimerkki
Muunna ozi painoannoksiin lb=oz*0.0625 Kokeile itse
Muunna ozi kiloiksi kg=oz/35.274 Kokeile itse
Muunna ozi grammoiksi g=oz/0.035274 Kokeile itse
Muunna ozi tonniksi st=oz*0.0044643 Kokeile itse

Muunna grammat muihin painoyksiköihin

Seuraavassa taulukossa esitetään, miten grammat muunnetaan muihin painoyksiköihin:

Kuvaus Kaava Esimerkki
Muunna grammat painoannoksiin lb=g*0.0022046 Kokeile itse
Muunna grammat kiloiksi kg=g/1000 Kokeile itse
Muunna grammat oziin oz=g*0.035274 Kokeile itse
Muunna grammat tonniksi st=g*0.00015747 Kokeile itse

Muunna tonnia muihin painoyksiköihin

Seuraavassa taulukossa esitetään, miten tonnia muunnetaan muihin painoyksiköihin:

Kuvaus Kaava Esimerkki
Muunna tonnia painoannoksiin lb=st*14 Kokeile itse
Muunna tonnia painoksiin kg=st/0.15747 Kokeile itse
Muunna punnus unssiksi oz=st*224 Kokeile itse
Muunna punnus kiloksi g=st/0.00015747 Kokeile itse