javascriptに関しての非常に初歩的な質問です。
1つのHTMLファイル内に、1年365日分のコンテンツを用意し、日付に応じてその日のコンテンツだけを表示させるようにしたいと思っています。
HTML
1<div id="0101"> 21月1日のコンテンツ 3</div> 4 5<div id="0102"> 61月2日のコンテンツ 7</div> 8 9...日数分続く
javascript
1var today=new Date(); 2var year = today.getFullYear(); 3var month = today.getMonth()+1; 4var day = today.getDate(); 5 if (month === 1 && day === 1) { 6 var element = document.getElementById('0101'); 7 8 element.classList.add('show');} 9 if (month === 1 && day === 2) { 10 var element = document.getElementById('0102'); 11 element.classList.add('show');} 12 13...日数分続く
といった具合に記述しています。
あらかじめすべてのコンテンツをCSSで非表示にし、今日の日付に該当するIDだけにshowクラスをつけて表示させている状態です。
このような場合、もっとコードをスマートにする方法はありませんでしょうか。
繰り返し処理などを使用すればいいのかとは思うのですが、
HTMLとCSSが専門でjavascriptにまったく詳しくないため、具体的にどうすればよいのかわかりません…。
あまりに初歩的な質問でお恥ずかしい限りですが、
どなたか具体策をご教授頂けますと幸いです。
どうぞよろしくお願い致します。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/10/26 02:45