<h2 id="today">ここに日付を表示する</h2>
<p id="today2">ここに日付を表示する</p>
const today = new Date();
const year = today.getFullYear();
const month = today.getMonth()+1;
const day = today.getDay();
const weeks = ['日','月','火','水','木','金','土'];
const week = weeks[day];
const date = today.getDate();
const hour = today.getHours();
const minute = today.getMinutes();
// IDを取得(getElementById)
let str = document.getElementById('today');
// 取得した ID の場所に表示する
str.textContent = `今日の日時は${year}年${month}月${date}日${week}曜日の${hour}時${minute}分です。`;
// HTMLの要素を取得(querySelector)
let str2 = document.querySelector('#today2');
console.log(str2);
//取得した要素に表示する
str2.textContent = `今日の日時は${year}年${month}月${date}日${week}曜日の${hour}時${minute}分です。`;
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.