JavaScript Tutorial.1


W 3 SCHOOLS自動学習開始.
目標:1日/1回以上の練習
文法のすべての内容を把握し、行うのは難しい.
まず大まかな使い方を知る.
(注:https://www.w3schools.com)

JS HOME


①Click me to display Date and Time

<!DOCTYPE html>
<html>
<body>

<h2>My First JavaScript</h2>

<button type="button"
onclick="document.getElementById('demo').innerHTML = Date()">
Click me to display Date and Time.</button>

<p id="demo"></p>

</body>
</html> 

document.getElementById(「ID名」)


このメソッド(method)を使用して、タグID属性を持つ要素を検索して返します.ID名は一意でなければなりませんが、IDが確認できない場合はnullです.
(参照:https://developer.mozilla.org/ko/docs/Web/API/Document/getElementById)

Element.innerHTML


属性(property)を使用して、要素に含まれるHTMLまたはXML寸法をインポートまたは設定します.
(参照:https://developer.mozilla.org/ko/docs/Web/API/Element/innerHTML)

Date()


関数を呼び出すときにnew Date()を使用します.現在の日付と時刻を表すtoString()と同じ文字列を返します.
(参照:https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date)