Help us understand the problem. What is going on with this article?

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';});
Why do not you register as a user and use Qiita more conveniently?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away