JavaScriptでDOMを書き換え

javascriptの条件分岐 | 理論演算子 | Conditional branch of javascript

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;
});

この本を参考に、完成させることができました。しかし、プログラミング初心者の私が詳しく解説することは、おこがましく、難しく出来ません(ToT) その点、この本では丁寧な解説が載っていますので、解説とともにコードを書き、完成させればより深く学ぶことができます(^.^) 身に付けて消えないスキルがこの値段。買っておいてよかったです。

わからないことはプロフェッショナルから学ぶのが一番

キャリアアップに必要なスキルを取得しよう。

オンラインで受講ができるスクールですので、全国どこからでも。