こんばんは。
今回はJavaScriptのデバックについて書いていきたいとおもいます。
JavaScriptは基本的に簡単なものしか作成したことしかありませんでした。
たとえばどんなのがあるかというと、jspかhtmlファイルのIDを使ってスタイルの変更を行うという処理です。
実際のソースはこんな感じになります。
xxxxx.html
・組み込みJSで直接呼び出している形になります。
inputタグでボタンに以下のようになっている場合が多いと思います。
onclick=ファンクション名（関数）
ファンクション名=style()
●JavaScript
基本的にclassタブで指定していることが多いので例として記載します。
this.style = function() ｛
getElementByClassName(取得したいclass名)
var 変数に格納した後スタイル変更する
｝
このような処理がモック作成等で結構使われています。
早速、デバックを貼ってみましょう。
この場合、F12を押しでデベロップツールで確認します。
ファンクション関数を記載してるところに左クリックをし、ブレーク文を指定します。
※ブレークの張り方は省きます。
ブレークした行に来た時に何を行なっているか分かります。
以上、簡単ではありますがデバックの仕方でした。