带有表情符号的 if 语句

Question

我刚刚开始使用 javascript，所以如果我说的不清楚，我深表歉意。我正在尝试编写一个函数来查看 var 表情符号是否与指定的表情符号相同。我后面有一个 else 声明 - 作为一个失败。 ```

    function match1() {
   
    var emoji = document.getElementById("emoji");
   
    if (emoji == "&#128516"){
  
    document.getElementById("demo").innerHTML = "correct"; 
    
    }
    
    else {
      
      document.getElementById("demo").innerHTML = "not correct"; 
      document.getElementById("emoji").innerHTML = "&#128542";
    }
    
 }

一切都很好，除了 if 语句实际上从未发生过，即使 emoji 确实等于 😄。是 if 语句永远不会起作用还是我写错了？

Answer 1

您的问题是，当您获得表情符号时，它不是 HTML 转义字符，而是实际呈现的 HTML，如您所见：

console.log(document.getElementById("emoji").innerHTML);

<p id="emoji">&#128516</p>

无论如何，要比较表情符号，只需像在 if 语句中一样进行操作，但在 JavaScript 中使用表情符号的渲染版本，而不是转义字符。此外，正如 cmets 中有人指出的那样，document.getElementById("emoji") 将返回类似<p id="emoji">?</p> 的内容，而不仅仅是内容。您可以通过innerHTML 或innerText 获取内容。

这是您问题的一个工作示例：

function match1() {
  var emoji = document.getElementById('emoji').innerHTML;
  if (emoji === "?") {
    document.getElementById("demo").innerHTML = "correct";
  } else {
    document.getElementById("demo").innerHTML = "not correct";
    document.getElementById("emoji").innerHTML = "&#128542";
  }
}
match1();

<p id="emoji">&#128516</p>
<p id="demo"></p>