【JavaScript】Dateオブジェクトで日時を取得して表示する

<p>
日時：<span id ="time"></span>
</p>

const now = new Date();
const year = now.getFullYear();
const month = now.getMonth();
//getMonthは月を0～11の数字で取得するので、出力する際には+1する必要があります。
const date = now.getDate();
const hour = now.getHours();
const min = now.getMinutes();

const dateOutput =`${year}年${month+1}月${date}日${hour}時${min}分`;
document.getElementById('time').textContent = dateOutput;

<p>
日時：<span id ="time"></span>
</p>

const now = new Date();
const hour = now.getHours();
const min = now.getMinutes();
let ampm;

if(hour > 12){
 ampm ="pm";
}else{
 ampm ="am";
}

const dateOutput =`${hour%12}時${min}分${ampm}`;
//テンプレート文字列内では計算もできます。
document.getElementById('time').textContent = dateOutput;