使用Javascript设计一个弹窗

可以使用HTML和CSS来实现一个弹窗，然后使用JavaScript来控制弹窗的显示和隐藏。

HTML代码：

<div id="popup">
  <div class="popup-content">
    <p>这是一个弹窗</p>
    <button onclick="closePopup()">关闭</button>
  </div>
</div>

CSS代码：

#popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}

.popup-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 20px;
  border-radius: 5px;
}

JavaScript代码：

function openPopup() {
  document.getElementById("popup").style.display = "block";
}

function closePopup() {
  document.getElementById("popup").style.display = "none";
}

在需要显示弹窗的地方调用 `openPopup()` 函数，点击弹窗中的关闭按钮调用 `closePopup()` 函数即可。