【JS】Unexpected token ILLEGALの修正方法について。

質問の回答をよろしくお願いします。
私は現在javascriptを勉強中で、「入門者のJavascript(立山秀利著)」を本とにらめっこしながらコードを書いていました。
そして今日、外部jsファイルのアラート機能に日本語文字列(?)を書き込み（→ボタンを押すとアラームが出るイベント）chromeブラウザで確かめると文字化けしていました。ググってみると、文字コードに原因があるみたいだったので、htmlファイルの

<head lang="en"> <meta charset="UTF-8"> などをlang='ja'にしたり、meta charset="UTF-16BE"にしたり、添付画像の最後の文字コード設定などを少しいじっていたら、上記のイベントすら発生しなくなり、コンソールを見ると添付画像のようになっていました。現在はいじっていたものは全てデフォルトに戻しましたが、結局変わりませんでした。他に必要な情報があれば張りますので、ご協力お願い致します。 ![コンソールにて、Unexpected token ILLEGALのエラーが出る](fffcd754d3b4eb2eda36a04cf478d860.png) ![外部jsファイルが文字化けをしている](3a68e64b5ffc454acc17a82aa96e80eb.png) ![htmlファイル](11fbd3b555123258e9d889148b9c81f5.png) ![jsファイル](6ad4d20322ab4d89bdac9361459077f0.png) ![言語設定画面](3f73bb92b49ec01b863a8e14d8b5fbc2.png)

追記:
使用ブラウザはGoogleChrome
使用エディターはWebstormです。
添付画像1枚目はコンソールでのエラー画面、2枚目はエラー詳細の文字化け、3枚目はhtmlファイル、4枚目はjsファイル、5枚目はWebstormの文字コード設定画面です。
追記2:

<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>簡易画像ビューワ</title>
    <link rel="stylesheet" href="index.css">
    <script src="index.js">

    </script>

</head>
<body>
<img id="pict" src=".idea/1.jpg">
<div id="no" class="no1">No.1</div>
<button onclick="revBtnClick();">←</button>
<button onclick="fwdBtnClick()">→</button>
</body>
</html>
コード

function
1    document.getElementById('no').innerHTML = 'No.1';
2    document.getElementById('pict').src = '.idea/1.png';
3    document.getElementById('no').className = 'no1';
4
5}
6
7function fwdBtnClick() {
8    document.getElementById('no').innerHTML = 'No.2';
9    document.getElementById('pict').src = '.idea/2.jpg';
10    document.getElementById('no').className = 'no2';
11}
12コード

date

2016/03/01 02:33

見やすくやりやすいようにエラーとプログラムは直接書いてくださいコードを入れるときに</>のアイコンを使ってプログラムを入れてください

Mind

2016/03/01 02:41

非常にご不快な思いをさせてしまうと存じますが、何を申しているのかが分かりません。エラーというのはUncaught SyntaxError: Unexpected token ILLEGALのことでしょうか？プログラムというのはhtmlファイルとjsファイルのことですか？後半の >コードを入れるときに</>のアイコンを使ってプログラムを入れてくださいはさっぱりです。申し訳ないです。

tkturbo

2016/03/01 02:49

画面キャプチャじゃなくてソースコードを書いてほしい、ということです。「</>」というのは質問や回答を入力するときの入力欄にあるアイコンのことでこれを使用するとソースコードの記入が回答者にわかりやすく表示されます。

行動規範の内容に同意します

回答1件

ベストアンサー

画面キャプチャ3枚目：<meta charset="UTF-8">してるのにファイルの文字エンコーディングがUTF-16BE(画面右下に注目)
画面キャプチャ4枚目：index.jsの文字エンコーディングがWindows-31J(画面右下に注目)
画面キャプチャ5枚目：Project Encoding欄がWindows-31J

…まずは全部UTF-8に統一しましょう。

ちなみに「Uncaught SytaxError : Unexpected token ILLIGAL」自体はブラウザが判別できない文字が使われてる時などに出るエラーです。

投稿2016/03/01 02:40

tkturbo

総合スコア5572