今日からJavaScript👊
Javascriptは独学なので、tilには馴染みのない部分やメモをとりたい部分しか残っていません.
オブジェクト=変数の集合
コンパイラの速度が速い

JavaScriptの使用方法

インライン

<input type="button" onclick="alert(`clicked`)">

あまり使わない
指定した属性値に入力
簡単なコンテンツの作成
主利用関数呼び出し方式

ないぶモード

<script>
	console.log('javaScript!!')
</script>

スクリプトタグ内の作成
どこにでも入れる
コードは読み込み時に実行されるので、位置が重要です!!

がいぶモード

<script src="main.js"></script>

scriptタグのプロパティでファイル名を記録する
タグの内容は無視され、少なくはありません.
注意手順

デバッグ方法

コンソール表示ブラウザのデバッグコンソール

debugger;書いてあるところに停められる

へんすう

constは不変の定数です!
const推奨大文字

文字列

かたわく

プラチナパック使用

$直接入力可能変数値

使わずに改行を認識できる

escape character

一重引用符""
二重引用符
スラッシュ
n実行
rリターン
v垂直タブ
tタブ
\b backspace

n.関数

繰り返し文(for while)

continue:この点から次の反復に直接ジャンプ
break:この時点で重複文を直ちに終了

event

onclick

要素をクリックすると、属性値のJavaScriptが実行されます.

oncontextmenu

要素を右クリック(メニューが表示される前にイベントが発生)

onchange

要素の値が変更された場合(value)

onmouseover

要素にマウスを置くと.

onkeydown/up

キーボードがエレメント上で押したり押したり外したりした場合.

onfocus

要素にフォーカスを移動します.

DOM(Document Object Model)

scriptでドキュメントを簡単にオブジェクト化

各タグをノードのコンセプトに変更

各ノードからなる様子を木と呼ぶ

DOMはドキュメントとスクリプトの間の踏み台

DOMは各ブラウザで実現

ノードタイプ

ドキュメントノード(document node):ドキュメント全体を表すノード

要素ノード(element node):すべてのHTML要素に要素ノード(属性ノードのみ可能)がある

属性ノード(attribute node):すべてのHTML要素の属性

テキストノード(text node):すべてのHTMLテキスト

アノテーションノード

文字列.split()=>配列に入る