ストップウォッチをブラウザで動かすプログラム(stopwatch.js)を組んだ時にhtmlがjsファイルを読み込んでくれないエラーが発生しました。
まず、html上にて動作が行われなかったのでGoogle Chromeにてディベロッパーツールを起動。
その際に出たエラー表示は
'Uncaught SyntaxError: Invalid or unexpected token'
このエラー表示を調べてみると
主に文法上の間違いが原因らしいので文法を一つ一つ確認。ですが、文法の間違いは無かったです。
あれこれ調べていると読み込んだjsファイルの結果が文字化けしていることに気づいたので文字コードが原因かなと思いましたが
html:index.html <meta charset="UTF-8">
でhtmlのheadに書いているので理由がわからず...
他にも「javascript 文字化け」や「jsファイル 読み込めない」などで検索しましたがそれっぽい記事が出てきませんでした。
困ったな〜と思ってなんとなく画面を見ていたら
読み込もうとしたjsファイルだけ他のファイルと形式がなんだか違うことに気づきました。
他のjsファイルは「PlainTextFile」とFinderでは表示されていましたが読み込めなかったファイルだけ**「エイリアス」**と表示されていました。
なんだこれは、と思いエイリアスとはなんぞやと調べたところ
いわゆるショートカットらしいです。複製とは違うみたいで。
（このサイトを参考にしました！ エイリアスってなに？)
確かに、複製では無いならエラーが起きてしまうわ！
早速そのjsファイルのオリジナルを移動させました。
（ちなみにオリジナルはDocumentsにありました。）
そしたらなんと、jsファイルが読み込めて無事ストップウォッチが起動！
なんという初歩的なミスで時間を食っていたんだろう（笑）
これから気をつけたいと思います。