Question

通用转换器 - 问题＃2

问题1 - How to input the content of a form as a variable?

再次问好。我的转换器遇到了一些麻烦（请参阅链接。）我想知道如何根据表单内部的内容更改跨度的内容（在这种情况下，查看链接，表单与＆＃34;单位＆＃34;）的ID。

如何工作，将在函数中调用具有invalidUnit ID的span，并且该函数将用于更改span的内容以告知用户他们输入到表单中的单位是否有效或不。

HTML和JavaScript如下所示。

HTML：

<form>
    <input type="text" id="unit">
</form>
<br>
<button class="btn btn-sm btn-danger" id="confirm">Confirm</button>
<br>
<br>
<h4>Pick two units of <span id="unitType">[?]</span> you want to convert.</h4>
<h5><span id="invalidUnit">[?]</span></h5>

JavaScript的：

function invalidUnit() {
    var unitInput = document.getElementById("unit").value;
    var invalid = document.getElementById("invalidUnit");
    if (unitInput.value == "temperature") {
      invalid.innerHTML = ("temperature is a valid unit");
  }
}

那么，我该怎么做呢？好像我说得对，但是......

Answer 1

改变这个：

 var unitInput = document.getElementById("unit").value;

到此：

 var unitInput = document.getElementById("unit");

此外，我认为您需要将onClick="invalidUnit();"添加到按钮中。

Working JSBin

如何根据表单内容更改跨度的内容？

1 个答案: