如何创建：重量转换器

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

重量转换器

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

创建重量转换器

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

第一步 - 添加 HTML：

Example - Pounds to Kilograms

<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>

Second step - Add JavaScript:

Example - Pounds to Kilograms

/* When the input field receives input, convert the value from pounds to kilograms. */
function weightConverter(valNum) {
  document.getElementById("outputGrams").innerHTML = valNum / 0.0022046;
}

A jiyin ci

Dake lb zu zai daki yinshi jiliang jiliu jidanci

Tabin dake da lb zu zai daki yinshi jiliang jiliu jidanci:

Matafi Hauzu Dare
A lb zu kg kg=lb/2.2046 Kuwanan kaiya: kawu
A lb zu oz oz=lb*16 Kuwanan kaiya: kawu
A lb zu g g=lb/0.0022046 Kuwanan kaiya: kawu
A lb zu yinshi zu st=lb*0.071429 Kuwanan kaiya: kawu

Dake kg zu zai daki yinshi jiliang jiliu jidanci

Tabin dake da kg zu zai daki yinshi jiliang jiliu jidanci:

Matafi Hauzu Dare
A kg zu lb lb=kg*2.2046 Kuwanan kaiya: kawu
A kg zu oz oz=kg*35.274 Kuwanan kaiya: kawu
A kg zu g g=kg*1000 Kuwanan kaiya: kawu
A kg zu yinshi zu st=kg*0.1574 Kuwanan kaiya: kawu

Dake oz zu zai daki yinshi jiliang jiliu jidanci

Tabin dake da oz zu zai daki yinshi jiliang jiliu jidanci:

Matafi Hauzu Dare
A oz zu lb lb=oz*0.0625 Kuwanan kaiya: kawu
A oz zu kg kg=oz/35.274 Kuwanan kaiya: kawu
A oz zu g g=oz/0.035274 Kuwanan kaiya: kawu
A oz zu yinshi zu st=oz*0.0044643 Kuwanan kaiya: kawu

Dake g zu zai daki yinshi jiliang jiliu jidanci

Tabin dake da g zu zai daki yinshi jiliang jiliu jidanci:

Matafi Hauzu Dare
A g zu lb lb=g*0.0022046 Kuwanan kaiya: kawu
A g zu kg kg=g/1000 Kuwanan kaiya: kawu
A g zu oz oz=g*0.035274 Kuwanan kaiya: kawu
A g yinshi zu st=g*0.00015747 Kuwanan kaiya: kawu

Dake hauzuwa zai daki yinshi jiliang jiliu jidanci

Tabin dake da hauzuwa yinshi zu zu zai daki yinshi jiliang jiliu jidanci:

Matafi Hauzu Dare
A yinshi zu hebing lb=st*14 Kuwanan kaiya: kawu
A yinshi zu hejin kg=st/0.15747 Kuwanan kaiya: kawu
Kuwanan kaiya: kawu oz=st*224 Kuwanan kaiya: kawu
Kuwanan kaiya: kawu g=st/0.00015747 Kuwanan kaiya: kawu