我正在嘗試在我的頁面上實現 03 彈出窗口，但無法這樣做。我試圖通過為每個彈出窗口分配不同的 ID 來實現這一點。非常感謝任何幫助。這是我的代碼 CSS：.fa {  font-size: 50px;  cursor: pointer;  user-select: none;}.fa:hover {  font-size:20px;  transition: 1s ease-out;}/* Popup container - can be anything you want */.popup {  position: relative;  display: inline-block;  cursor: pointer;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}/* The actual popup */.popup .popuptext {  visibility: hidden;  width: 160px;  background-color: #555;  color: #fff;  text-align: center;  border-radius: 6px;  padding: 8px 0;  position: absolute;  z-index: 1;  bottom: 125%;  left: 50%;  margin-left: -80px;}/* Popup arrow */.popup .popuptext::after {  content: "";  position: absolute;  top: 100%;  left: 50%;  margin-left: -5px;  border-width: 5px;  border-style: solid;  border-color: #555 transparent transparent transparent;}/* Toggle this class - hide and show the popup */.popup .show {  visibility: visible;  -webkit-animation: fadeIn 1s;  animation: fadeIn 1s;}/* Add animation (fade in the popup) */@-webkit-keyframes fadeIn {  from {opacity: 0;}   to {opacity: 1;}}@keyframes fadeIn {  from {opacity: 0;}  to {opacity:1 ;}}這是我的 HTML：<div class="popup" onclick="myFunction()"><i onclick="myFunctions(this)" class="fau fa fa-plus-circle"></i>  <span class="popuptext" id="myPopup">A Simple Popup!</span></div>我的 JS 代碼：// When the user clicks on div, open the popupfunction myFunction() {  var popup = document.getElementById("myPopup");  popup.classList.toggle("show");}function myFunctions(x) {  x.classList.toggle("fa-times-circle");}我在這里嘗試應用第二個彈出窗口：<div class="popup" onclick="myFunction()"><i onclick="myFunctions(this)" class="fau fa fa-plus-circle"></i>  <span class="popuptext" id="myPopup2">A Simple Popup 2</span></div><script>function myFunction() {  var popup = document.getElementById("myPopup2");  popup.classList.toggle("show");}</script>彈出窗口三也是如此。我被困在這里了。提前致謝