マンダラ×OKR | マンダラチャート（公式）

Facebook
X
Hatena
Pocket

const buttons = document.querySelectorAll('.buttons button'); const images = document.querySelectorAll('.photo-container img'); buttons.forEach(button => { button.addEventListener('click', () => { // 現在表示されている写真のactiveクラスを外す const currentActive = document.querySelector('.photo-container img.active'); if (currentActive) { currentActive.classList.remove('active'); } // クリックされたボタンに対応する写真にactiveクラスを付ける const index = button.dataset.index; images[index].classList.add('active'); }); }); PAGE TOP