javascript - 无法发出第二条警报消息

Question

我正在编写一个 HTML 代码，其中有一个按钮，一旦我单击该按钮，JS 应该会显示 2 个警报，这是我的代码。

HTML:

<button id="chat" class="animated-chat tada" onclick="loadChatbox()" style="position: absolute; bottom: 90px; right: 490px;width: 80px; height: 30px; font-size:25px">Chat</button>
<div class="chatHeader">
  <span class="chat-text" style="text-align: center;">Chat with Care!!</span>
  <div id="close-chat" class="close">&times;</div>
  <div id="minim-chat" onclick="minimChatbox()">
    <span class="minim-button">&minus;</span>
  </div>
  <div id="maxi-chat" onclick="loadChatbox()">
    <span class="maxi-button">&plus;</span>
  </div>
</div>

Javascript:

function loadChatbox() {
  alert("Hi");
  alertAgain();
}

function alertAgain() {
  var e = document.getElementById("minim-chat");
  e.style.display = "block";
  var e = document.getElementById("maxi-chat");
  e.style.display = "none";
  var e = document.getElementById("chatbox");
  e.style.margin = "0";
  alert("2nd alert");
}

在这里，当我单击Chat按钮时，alert("Hi");会收到警报。但是当我注释掉下面的部分时。

  var e = document.getElementById("minim-chat");
  e.style.display = "block";
  var e = document.getElementById("maxi-chat");
  e.style.display = "none";
  var e = document.getElementById("chatbox");
  e.style.margin = "0"; 

我什至可以看到alert("2d Alert")。这确实令人困惑。请让我知道哪里出了问题以及如何解决这个问题。

这是工作 fiddle 。 https://jsfiddle.net/8kpxwroa/

谢谢

Answer 1

第二个警报不起作用，因为您的 JavaScript 代码在以下位置中断:

var e = document.getElementById("chatbox");

在您的 fiddle 中，如果你检查控制台你会发现这个

这是因为文档在您的代码中找不到chatbox id。所以要么删除这一行

var e = document.getElementById("chatbox");

或者只是在 html 中放置一个具有 chatbox id 的元素