javascript - 根据另一个 div 的 inner.HTML 值在一个 div 中显示文本

Question

我有以下脚本：

  function showstatus()
  {
  var inputbedtwo = document.getElementById("bedtwostatus");
  var inputliving = document.getElementById("livingstatus");
  var inputkitchen = document.getElementById("kitchenstatus");
  if(inputbedtwo.innerHTML == "A"){
    document.getElementById("statustop").innerHTML = "Danger";
  }
  else if(inputliving.innerHTML == "A"){
    document.getElementById("statustop").innerHTML = "Danger";
  }
  else if(inputkitchen.innerHTML == "A"){
    document.getElementById("statustop").innerHTML = "Danger";
  }
  else{
    document.getElementById("statustop").innerHTML = "Normal";}
  }

这样做的问题是它只输出普通文本<span id="statustop"></span>

当状态变为“A”时，不输出危险。

我希望它在状态为“A”时输出危险。

谢谢。

标签： javascripthtml

Answer 1

我认为您错过了更改事件。

<input id="bedtwo" type="text" name="" value="">

<span id="statustop"></span>

<script type="text/javascript">
  var inputbedtwo = document.getElementById("bedtwo");

  inputbedtwo.addEventListener("change", function(evt) {
    if (this.value === "A") {
      document.getElementById("statustop").innerHTML = "Danger";
    }
  });
</script>