JavaScript ドットインストールにて

JavaScriptの基礎知識
1..基本はデベロッパツールでエラーを見つけながらコードを書いていく。
2..HTMLやCSSで作られたページの操作ができる。
3..bodyの閉じタグの直前に書く理由..全てのHTML要素読み込んで操作したいから

ググったこと
・use stirct..プラウザがエラーチェックしてくれる。間違いがあった時に見つけやすい

・document..文章全体を指す。この後に.で繋げて'getElementById'とすると指定したidを持つ要素を文章全体から取得してねという意味になる。

・EventListener..何かが起きたら処理をしてねという命令

・=>..アロー関数、(){}を繋ぐ際に用いる

・{~}は関数の処理、この中に難行でも処理が書ける。

・定数...長い命令を短い名前で管理することが出来る。
const 短い名前 = 命令文

例文

const target = document.getElementById('target')

例)要素に関する処理を書くときにJavaScriptから要素を指定したい場合は’id’を使うと良い

<div class="box" id="target"></div>

要素の取得プラス、.addEventListener()を使ってtargetクラスがクリックした時に次の処理をさせる命令。最後にはセミコロンを忘れずに

document.getElementById('target').addEventListener('click',()=>{

この場合クリックしたらピンクに変化してと記述。

document.getElementById('target').style.background='pink';});