0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

JavaScriptでのconsole使用方法

Posted at

console.log()とは何か

さしづめ、binding.pryのようなもの。
エラーが起こった時、どこでエラーが起こっているのか
正常な動作をしてくれているのかを確かめる時に
使うコードです。
つまりconsole.log()をマスターしていないとエラーが起こった時に辛い思いをするということです。

console.log()で遊んでみる【初級】

準備するものは以下2つのファイル
:page_facing_up:index.html
:page_facing_up:script.js

そして、script.jsに以下の記述

console.log("おはこんばんにちは")

準備ができたらindex.htmlにアクセス。
検証画面のコンソールを選択すると以下のようになる。

EAF2A988-EC9C-4EE2-8C4D-67BF82815F13_1_105_c.jpeg これで初級編終わり。

変数とconsole.log()の併用【中級】

変数という概念はJSでも存在します。
ただちょっとややこしいのでここで変数の種類を整理しておきます。
・let(後で値を変更可能)
・const(後で値を変更不可)
イメージしやすいようにいうと定数みたいなものですかね(厳密にいうとちょっと違うけど)

さあ、実戦しよう。
script.jsでの作業です。

let name = "Taro"
console.log(name + "さん、後で職員室にきなさい")

以下の画面になるはずです。
1EBA91DE-D1A5-4239-9D52-D8CD28F9EA5F_1_105_c.jpeg
以上、中級編。
上級編は長くなるのでまた次回書きます。if文との併用を予定しています。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?