我的脚本既没有被调用也没有工作[关闭]答案

【问题标题】：My script is not either being called or working [closed]我的脚本既没有被调用也没有工作[关闭]
【发布时间】：2019-06-17 16:50:22
【问题描述】：

我希望有人输入代码，并让脚本将<p id="output"> 更改为与代码对应的字母

function decode() {
  var y = document.getElementById("code").value;
  if (y == "GE56D7B") {
    document.getElementById("output").innerHTML = "a";
  }
  if (y == "L9OSD4W") {
    document.getElementById("output").innerHTML = "b";
  }
  if (y == "HDD218F") {
    document.getElementById("output").innerHTML = "c";
  }
  if (y == "LO9P14A") {
    document.getElementById("output").innerHTML = "d";
  }
  if (y == "YY6CZX3") {
    document.getElementById("output").innerHTML = "e";
  }
}

<input type="text" id="code" placeholder="Enter code here">
<button onclick="decode()">Enter</button>
<p id="output"></p>

【问题讨论】：

看起来它工作得很好。有什么问题？
@David 当我运行它时，“输出”中什么也没有出现，背景是黑色，但所有其他文本都是白色的，因为我制作了 body{ color: #fffff; } 在
嗯，您在此页面上向我们展示的代码实际上是按照此页面上的设计工作的。单击问题中的“运行代码 sn-p”以查看它。没有任何明显的问题，我们无能为力。
如果问题在于样式，请将 CSS 添加到您的 sn-p。
您是否在输入中输入了带有大写字母的代码？

标签： javascript html object

【解决方案1】：

您使用的是什么浏览器以及什么版本？ innerText 通常比 innerHTML 得到更广泛的支持，而且由于您实际上并没有操作任何仅使用纯文本操作的 HTML，所以我会说坚持使用 innerText。

查看this post 了解更多信息。

【讨论】：

【解决方案2】：

效果很好：

function decode() {
  var y = document.getElementById("code").value;
  if (y == "GE56D7B") {
    document.getElementById("output").innerHTML = "a";
  }
  else if (y == "L9OSD4W") {
    document.getElementById("output").innerHTML = "b";
  }
  else if (y == "HDD218F") {
    document.getElementById("output").innerHTML = "c";
  }
  else if (y == "LO9P14A") {
    document.getElementById("output").innerHTML = "d";
  }
  else if (y == "YY6CZX3") {
    document.getElementById("output").innerHTML = "e";
  }
}

<input type="text" id="code" placeholder="Enter code here">
<button onclick="decode()">Enter</button>
<p id="output"></p>

但是，为了使这段代码更简单、更简洁，请使用一个对象：

function decode() {
  var y = document.getElementById("code").value;
  document.getElementById("output").innerHTML = codes[y];
}

var codes = {
  GE56D7B: "a",
  L9OSD4W: "b",
  HDD218F: "c",
  LO9P14A: "d",
  YY6CZX3: "e"
}

<input type="text" id="code" placeholder="Enter code here">
<button onclick="decode()">Enter</button>
<p id="output"></p>

【讨论】：