お疲れ様です。
JavaScript
でモーダルの動きを実装しているのですが、モーダルを閉じる時の処理で分からないことがあるので質問お願いします。
clickCloseModal
内のどちらかの要素をクリックするとモーダルを閉じるように処理したいのですが、一部書き方が分からないのでご教授お願いします。
HTML
1<div class="popup-modal" id="popup-modal"> 2 <div class="modal2-inner"> 3 <div class="close-button" id="close-button"><i class='bx bx-bookmark-alt'></i></div> 4 </div> 5 <div class="black-background" id="black-beige"></div> 6</div> 7<button id="show-button">ポップアップを見る</button>
JavaScript
1let clickCloseModal = document.querySelectorAll('#black-beige, #close-button') 2const showModalButton = document.getElementById('show-button') 3const popupModal = document.getElementById('popup-modal') 4showModalButton.addEventListener('click', function openModal() { 5 popupModal.classList.add('is-show') 6 (ここの処理が分からない).addEventListener('click', function closeModal() { 7 if(!popupModal) return false 8 popupModal.classList.remove('is-show'); 9 }) 10 } 11)
細かいですが
>質問お願いします。
普通なら「ご回答お願いします」では。回答者に「質問お願いします」と言うのは「質問に不備がある点があれば指摘してください」の意ですか?
>一部書き方が分からないので
「一部」とはどこでしょうか。現在どこまで出来ていて何が問題で、聞きたいのは何でしょうか。
いずれにしてもCSS提示されないことには何とも言えません。独自に実装されているようですし。
あなたの回答
tips
プレビュー