我正在嘗試為我正在設(shè)計的房地產(chǎn)網(wǎng)站實現(xiàn)一個彈出模式。當您進入“代理”頁面時，每個代理都有自己的個人簡歷和“聯(lián)系人”卡。選擇聯(lián)系人卡片時，將顯示一個彈出模式，背景為灰色。我設(shè)法實現(xiàn)了modal，但它只適用于9數(shù)組中的第一個按鈕。我知道這與唯一ID有關(guān)，但我不完全確定如何執(zhí)行它。任何建議都會有所幫助。J. 哈特// Agent bio:<section>        <div class="row">            <div class="column">              <div class="cardB">                                        <img src="https://i.imgur.com/H8By9Ns.jpg" alt="Pondra Bowen" class="center-cardB" style="width:300px;height:300px;">                <div class="container">               "Agent's personal information redacted"    <p><button id="myBtn" class="rounded">Contact</button></p>                 </div>              </div>            </div>        </div><section>// The modal<div id="myModal" class="modal">  // Modal Content  <div class="modal-content">    <span class="close">&times;</span>    <div class="flex">        <div id="form-container">            <h3>Contact Form</h3>            <form>                <label for="name">Name</label>                <input type="text" id="name" />                <label for="email">Email</label>                <input type="text" id="email" />                <label for="subject">Subject</label>                <input type="text" id="subject" />                <label for="message">Message</label>                <textarea id="message" placeholder="Write your message here..."></textarea>                <button class="rounded">Send Message</button>            </form>        </div>    </div>  </div></div></section><script>// Get the modalvar modal = document.getElementById("myModal");// Get the button that opens the modalvar btn = document.getElementById("myBtn");// Get the <span> element that closes the modalvar span = document.getElementsByClassName("close")[0];// When the user clicks on the button, open the modalbtn.onclick = function() {  modal.style.display = "block";}</script>