【週刊ドットインストール】 考える力を養うための新クラス『データで学ぶアルゴリズム』を256timesでリリース!
前レッスンでの『JavaScriptでアコーディオンUIを作ろう』での付け外し処理はif文を組み合わせていましたが今回は使用せず少しだけ記述が少ないですが、特に手間というのは感じられなかったので、 if文を使った処理と使わない処理の違いはなんでしょうか?
if
menuItems.forEach(clickItem => { clickItem.addEventListener('click', e => { e.preventDefault(); clickItem.classList.add('active'); menuItems.forEach(items => { if(items != clickItem) { items.classList.remove('active'); } }); contentsMenu.forEach(content => { content.classList.remove('active'); }); document.getElementById(clickItem.dataset.id).classList.add('active'); }); });
コードはこちらで実行しました。 レッスン最後のコードも記述してあります。 よろしくお願いします。
ドットインストールは、3分動画でマスターできるプログラミング学習サービスです。
3分で気軽に学習でき、スマートフォンからも視聴可能です。ホームページやWebサービスの制作を通して、実践的にプログラミングを学べます。
他にも、ゲーム制作やデータ分析・機械学習・AIに使われる言語まで幅広くカバー。学びたい分野のレッスンがきっと見つかります。
この回答を見るにはプレミアムプランへの登録が必要です
前レッスンでの『JavaScriptでアコーディオンUIを作ろう』での付け外し処理は
if文を組み合わせていましたが今回は使用せず少しだけ記述が少ないですが、特に手間というのは感じられなかったので、if文を使った処理と使わない処理の違いはなんでしょうか?
コードはこちらで実行しました。
レッスン最後のコードも記述してあります。
よろしくお願いします。