javascript 我如何创建一个按钮,当你点击它时,它会显示文本并删除文本?[关闭]

nhhxz33t  于 2023-02-15  发布在  Java
关注(0)|答案(1)|浏览(103)

已关闭。此问题需要超过focused。当前不接受答案。
**想要改进此问题吗?**更新此问题,使其仅关注editing this post的一个问题。

昨天关门了。
Improve this question
我可以在警报中调用它,但不知道如何让它显示在我的网站上
我一直在网上看视频,但他们并不关注我想做的事情

wwodge7n

wwodge7n1#

您想要这样的东西吗?

let btn = document.getElementById("toggle");
let alert = document.getElementById("alert")

 
btn.addEventListener("click", function(){
alert.classList.toggle("show")
})
.btn {
  padding: 0.5rem 1rem;
  border: none;
  background-color: #4e4e4e14;
  color: #003cff;
  border-radius: .5rem;
  font-weight: bold;
  cursor:pointer;
}

.alert {
  display: none;
  border-radius: .5rem;
  margin-top: 1rem;
  padding: .9rem;
  border: 1px solid gray;
  background: #4e4e4e14;
}
.show{
  display:block;
}
<button class="btn " id="toggle">Toogle</button>

 <div class="alert" id="alert">
   <p>
     Sed feugiat et velit ut tincidunt. Ut efficitur sem non rutrum fermentum. Cras cursus erat a lectus elementum, a fringilla felis tempor. Nulla facilisi.
   </p>
 </div>

相关问题