Question

我希望有人输入代码，然后让脚本将<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>

Answer 1

运行良好：

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>

Answer 2

您使用的浏览器是什么版本？与innerText相比，innerHTML通常得到更广泛的支持，并且由于您实际上并没有操纵仅使用纯文本进行操作的HTML，我会坚持使用innerText。

查看this post了解更多信息。

我的脚本没有被调用或无法正常工作

2 个答案: