Javascript

JavascriptはDOMを書き換えることができます。

習った本の内容をちょっとアレンジしてボタンを作り、ボタンをクリックすると現在時刻が表示されるようにしました。

ここに時刻を表示する

HTML <button id="addBtn"><h3>time</h3></button>
<p id="choice">ここに時刻を表示する</p>

Javascript const button = document.getElementById("addBtn")
button.addEventListener('click', function(){
var now = new Date();
var year = now.getFullYear();
var month = now.getMonth();
var date = now.getDate();
var hour = now.getHours();
var min = now.getMinutes();
var output = year + '/' + (month + 1) + '/' + date + ' ' + hour + ':' + min;
document.getElementById('choice').textContent = output;
});