Spells and Charms

プログラミング(呪文学)の学習記録。

console.log() を手に入れる

今現在3つめの課題でちょっと苦戦中。
ある程度コードを書いたが、なにかが呼ばれていない模様で

動作しない。

 

そこで、タイトルのとおり、console.log() なるものがあるよと教えてもらう。

 

右クリックするとでてくるInspectの画面をつかう。

f:id:ahochauyo:20181201202447p:plain

右側のやつ

 

上のConsoleタブを選択した状態で、
 console.log(something)とうつと、
そのsomethingが動作しているのかいないのか確認できる。

 

今回の自分の場合だと、onClickで計算結果の数字を呼びたい。
計算させるfunction名を、onClickの中にいれているので、それをconsole.log()にかけてみたがなにもおこらない。

 

function内がまちがっているのかもしれない。

 

こんな感じでどんどん怪しげなところを掘っていけば、
どこが動作しておりしていないのかわかるらしい。

 

 

▶︎デバックの仕方

JavaScriptでconsole.logを使ったデバッグのやり方 | TechAcademyマガジン

 

 

▶︎コードにconsole.log() を書かずにデバックする方法

ChromeのデベロッパーツールでJSをデバッグする方法(2018年版) - ICS MEDIA