```ここに言語を入力 const weeks = ['日', '月', '火', '水', '木', '金', '土']; const date = new Date(); let year = date.getFullYear(); let month = date.getMonth(); function showCalendar(year, month) { const calendarHtml = createCalendar(year, month); const sec = document.createElement("section"); sec.innerHTML = calendarHtml; document.querySelector("#calendar").appendChild(sec); month ++; if(month > 12) { year ++; month = 1; } } function createCalendar(year, month) { let today = date.getDate(); const startDate = new Date(year, month ,1); const endDate = new Date(year, month + 1, 0); const endDayCount = endDate.getDate(); const lastMonthEndDate = new Date(year, month , 0); const lastMonthendDayCount = lastMonthEndDate.getDate(); const startDay = startDate.getDay(); let dayCount = 1; let calendarHtml = ""; calendarHtml += `

${year}/${month + 1}

`; calendarHtml += ""; calendarHtml += "" for(let i = 0; i < weeks.length; i++) { calendarHtml += ""; } calendarHtml += "" **ここからがカレンダーを作成するコードになります** for(let w = 0; w < 6; w++) { calendarHtml += ""; for(let d = 0; d < 7; d++) { if(w == 0 && d < startDay) { 　　　　　　　　　　//lastMonthendDayCountは先月の末日の数値　　　　　　　　　　//startDayは今月の最初の日の曜日の数値 let num = lastMonthendDayCount - startDay + d + 1; calendarHtml += ``; } else if(dayCount > endDayCount) { 　　　　　　　　　　//dayCountは１　　　　　　　　　　//endDayCountは今月の末日の数値 let num = dayCount - endDayCount; calendarHtml += ``; dayCount ++; 　　　　　　　　　//todayは今日の数値 } else if(dayCount < today) { calendarHtml += ``; dayCount ++; } else if(dayCount == today) { calendarHtml += ``; } else if(endDayCount > today) { calendarHtml += ``; today ++; console.log(today); } } calendarHtml += ""; } calendarHtml += "

" + weeks[i] + "
${num}	${num}	${dayCount}	${dayCount}	${today}

"; return calendarHtml; } **ここまでがカレンダーを作成するコードになります** function moveCalendar(e) { document.querySelector("#calendar").innerHTML = ""; if(e.target.id === 'prev') { month --; if(month < 1) { year --; month = 12; } } if(e.target.id === "next") { month ++; if(month > 12) { year ++; month = 1; } } showCalendar(year, month); } document.querySelector("#prev").addEventListener("click", moveCalendar); document.querySelector("#next").addEventListener("click", moveCalendar); ``` JavaScriptを勉強中の者です。カレンダーで今日の日付の場所にマークアップをしたいのですが、今のコードのままでは今日以降の日付が今日と同じ日付になってしまいます。日付に関するコードは「**ここからがカレンダーを作成するコードになります**」以降から「**ここまでがカレンダーを作成するコードになります**」までとなります。至らない点があるとは思いますが、お知恵を拝借できたら幸いです。宜しくお願いします。 ![イメージ説明](69b83ff611a5e8b075c364edfdfa76a0.jpeg)

	@@ -1 +1 @@
1	- JavaScriptのカレンダーに~~ついて~~
1	+ JavaScriptのカレンダーのif文によるエラー

質問編集履歴