javascript - 当 else 语句发生时，如何添加 HTML/CSS 警报？

Question

我想将我的一些 HTML 添加到我的 javascript 中，所以当有人写超过 200 个字符时，它会弹出一个你不能写超过 200 个字符的弹出窗口。

server.js：

  socket.on("message", function(message, callback, req) {
    if(message.text.length < 200) {
    message.timestamp = moment().valueOf();
    io.to(connectedUsers[socket.id].room).emit("message", message);
    } else {
      "Where the HTML/CSS will be"
    }
  });

HTML/CSS：

<style>
.alert {
  padding: 20px;
  background-color: #f44336;
  color: white;
}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}
</style>
<div class="alert">
  <span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span> 
  <strong>Warning!</strong> You cannot write over 200 characters.
</div>

因此，当有人键入超过 200 个字符时，此 HTML/CSS 将在他们的屏幕上弹出。

标签： javascripthtmlcssnode.jssocket.io