Javascriptでコンソールログが出力されない

Chrome＠Win10x64を使用しています。
以下のプログラムで、「１」はコンソールログに出力されますが、「２」は出力されません。
何故か、どうしたら出力されるか、をご教授いただけますと幸いです。

HTML
1<!doctype html>
2<html>
3	<body>
4		<img src="https://pbs.twimg.com/media/CqJTFkiUsAAiSx3.jpg" id="target" draggable="false" width="800px">
5		<img src="http://img.moeimg.net/wp-content/uploads/archives/6739/1_91209xfvjw.jpg" id="target" draggable="false" width="800px">
6		<script src="test.js"></script>
7	</body>
8</html>

Javascript
1function func(event)
2{
3	console.log("1");
4}
5
6function Start(event)
7{
8	console.log("2"); 
9	func(event);
10}
11
12var elms = document.getElementsByTagName("img");
13elms = [].slice.call(elms);
14var cols = document.querySelectorAll('#target');
15[].forEach.call
16(cols, function(col)
17		{
18			col.addEventListener('pointerdown', func, false);
19		}
20);

退会済みユーザー

2018/10/27 04:05 編集

デバッグはされましたか？(蛇足：ネーミングとお題みるとサクラっぽいが…)

Null0lluN

2018/10/27 06:17

デバッグの仕方が分かりません。console.log()をデバッグ代わりに使っているのですが・・・

退会済みユーザー

2018/10/27 06:29 編集

たとえば、次のサイトを参考にしてみてください。問題個所の前後にブレークポイントを設置することで、一行一行実行してみておかしいところがないか変数を確認したり、実行順を確認できたりします。今回の場合、「出力されていない⇒メソッドを呼んでいる所を確認する⇒そもそも呼んでないやん」と、いう流れで、デバッガを使うようなデバッグではありませんが…以上のような流れで確認すれば一発でわかりそうです。 (1)https://qiita.com/snoguchi/items/8f6bb62a3166eca23ac3#%E3%83%96%E3%83%AC%E3%83%BC%E3%82%AF%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88%E3%82%92%E4%BD%BF%E3%81%86、(2)https://postd.cc/how-to-not-hate-javascript-tips-from-the-frontline/

Null0lluN

2018/10/27 06:46

Javascriptでもブレイクポイントって置けるんですね。リンク先にあるいろいろな方法についても勉強したいと思います。ありがとうございました。