Monacaで原因不明のエラーが出てしまいます。

Question

プログラミング初心者です。
現在Monaca(HTML+Javascript)にて初めてのアプリ開発に取り組んでいます。
ようやく終盤に差し掛かったのですが、急に原因不明のエラーが起きてしまい、先に進めなくなってしまいました。
原因究明のために、以下のことは試してみましたが、依然エラーのままでした。

➀別の新プロジェクトを立ち上げ、そこにindex.html内のコードを丸々貼り付けて様子を見る
（原因がconfig.xml、index.html内どちらにあるのか確かめるため）
➁エラーが起こる直前の変更をCtrl+Zで元に戻して無かったことにした。
(具体的には、HTMLタグを追加しただけでそこから急にエラーが発生した)

また、スマホアプリのMonacaのデバッガーでエラー内容を確認すると、毎回
「Unexpected end of script」と表示され、どうやらindex.html内に問題があるようです。
実際のコードは以下のようになります。

<script type="text/javascript">
 
 window.onload = function(){
    $("body").animate({scrollTop:0})
}

        function sound() {
        	document.getElementById("kokokara").play();
		}

function sound()
{
var id = 'se/baku2.mp3' ;

if( typeof( document.getElementById( "kokokara").currentTime) !='undefined')
{
    document.getElementById("kokokara").currentTime = 0;
}

document.getElementById("kokokara").play();
}

    
<!--
    function chgColor(arg) {
        if (arg.value === "green") {
            document.getElementById("ttttt").style.color = "green";
        } else if (arg.value === "blue") {
            document.getElementById("ttttt").style.color = "blue";
        } else if (arg.value === "black") {
            document.getElementById("ttttt").style.color = "black";
        } else if (arg.value === "red") {
            document.getElementById("ttttt").style.color = "#ff0000";
    
    }
    


function lineCheck(e) {
        var ta = document.getElementById("ttttt");
        var row = ta.getAttribute("rows");
        var r = (ta.value.split("\n")).length;
        if (document.all) {
            if (r >= row && window.event.keyCode === 13) { //keyCode for IE
                return false; //入力キーを無視
            }
        } else {
            if (r >= row && e.which === 13) { //which for NN
                return false;
            }
        }
    }

    window.document.onkeypress = lineCheck;

  function onDeviceReady() {
StatusBar.hide();
}

//-->

</script>

このように記載しております。
どなたか、原因のわかる方がいらっしゃいましたらご協力いただければ幸いです。
また、コードの中で不自然なもの、ここは直したほうがいいというようなご指摘もお待ちしております。

Answer 1

「Unexpected end of script」は「予期せぬスクリプトの終了」であって
「scriptタグ閉じてないよ」ではありません。
提示のコードだけでは判断できませんので、全体的なコードをご提示いただくか、{}の閉じ忘れがないかなどjavascriptの文法的観点からチェックしてみてください。

当該エラーが出たときの対処法の例：

• https://ogatism.jp/techs/jquery_error/
• http://ohs30359.hatenablog.com/entry/2015/08/24/224607

Comments

[退会済みユーザー]

構文チェック機能がついている硬度なエディターを使っていただきたいところですね。

[m.ts10806]

そうですね。結果的にちょっとしたことでも調査にたくさん時間をとられてしまうことが日常なので、構文チェック機能があるエディターは重宝してます。

[anopurihana]

mts10806さん
質問文を編集いたしました。何度も見直しましたが、原因がわからないので見落としがあるのかもしれません。目を通していただければ幸いです。

[anopurihana]

m6uさん
構文チェックエディターは初耳でした。今後取り入れたほうが圧倒的に効率がよさそうですね。
ちなみに、高度なエディターとなるとやはり有料のものになるのでしょうか？

[m.ts10806]

chgColor()の閉じ括弧がないようですね。ifがかなりつなげてあるので分かりづらくなっていますね。。

[m.ts10806]

ちなみにhtml,css,javascriptに限ったエディタだと「Brackets」がオススメです。無料でAdobe純正なので安心して使えます。Chromeのみですがライブプレビューにも対応しています。

[m.ts10806]

javascriptやHTMLの整形（文書フォーマット）をしてくれるサイトもあるのでどうしても見つからなければそういうサービスを使うのも手です。

[anopurihana]

mts10806さん
ご指摘ありがとうございます。おっしゃる通り } が一つ足りていませんでした。
今回のことを教訓にお二方にアドバイスしていただいたように構文チェックエディターを取り入れていきます。「Adobe Brackets」を早速ダウンロードしました。
本当にありがとうございました。

Answer 2

chgColorの最後のelse ifが閉じてないですよ。

Comments

[anopurihana]

lion_さん
ご指摘ありがとうございます。
仰る通り、}が閉じてなかったことが原因でした。
改善策として今後は構文チェックエディターを取り入れることにしました。
ご協力ありがとうございました。

[lion_]

いえいえ＾＾　解決できて何よりです。