Q&A
提示コードで同問題再現しませんが、何か手を加えましたか？
ドットインストールでJavascriptをやっています。
リンク
このソースコードをコピペしてchromeで表示させてみたのですが
Uncaught SyntaxError: Unexpected end of input となり
</script> の部分がエラーになってクリックしても何も変わりません。
わかる方教えてください。
よろしくお願いします。
HTML
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="utf-8"> 5 <title>JavaScript Practice</title> 6 <style> 7 .box { 8 width: 100px; 9 height: 100px; 10 background: skyblue; 11 cursor: pointer; 12 } 13 </style> 14</head> 15<body> 16 <div id="target" class="box"></div> 17 18 <script> 19 'use strict'; 20 21 document.getElementById('target').addEventListener('click', function() { 22 document.getElementById('target').style.background = 'pink'; 23 document.getElementById('target').style.borderRadius = '50%'; 24 }); 25 </script> 26</body> 27</html>
実行しているファイル名とか、実行の仕方もご提示ください。
いえ、コピペしただけなので手は加えていません。
ファイル名はindex.htmlです。
すみません、初歩的な質問で申し訳ないのですが
実行の仕方とは表示のさせ方のことでしょうか？
そうですね。表示のさせ方です。
どういう名前のファイルを作って、どういう表示のさせ方（どうやって実行しているか）をしているか、です。
ちなみに提示のエラーは、きちんとカッコが閉じられていないときとかに出ます。
例：https://teratail.com/questions/98152
なので、特にそういうわけでもないコードでこのエラーは出ないという認識です。
コードはコピペして、index.htmlでGoogle chromeで表示させています。
なのでコードをいじっていないのにエラーになる理由が分からなくて質問させていただきました。
例：https://teratail.com/questions/98152
なので、特にそういうわけでもないコードでこのエラーは出ないという認識です。
参考にさせていただきます、ありがとうございます。
念のためエラーが出る状態のコードをそのままコピペしなおしてもらえますか？
エディタがクオートを勝手に変換してるとかな気がします。ブラウザのソース表示からのコピペをお願いします。
解決しました！
ドットインストールでソースコードを比較したら、エディタにコピペしたコードが微妙に変わっていたのでエラーになっていたみたいです。
助けていただいてありがとうございました。
mts10806さん、set0gut1さん
ありがとうございました。
ベストアンサーの回答にはどのように解決したか、理解したかをコメントしてあげてください。
https://teratail.com/help/question-tips#questionTips4-2
わかりました。
教えていただいてありがとうございます。
回答3件
0
google翻訳
予期しない入力の終わり
投稿2019/02/14 05:27
総合スコア88163
0
ベストアンサー
どこかに半角じゃない括弧が混じっていませんか？
そいつは構文じゃなくてただの文字列と読み取りますので、入力構文の終わりがないと認識します。
Unexpected end of input
というのは、入力操作(input)の終点(end)がunexpected（予測できない）、つまり（構文が終わってないとみなされて）「プログラム入力終わってない→不完全だよ！」っていうエラーです。
みたところ、 function() {の括弧が変に空いているのが不審に思われますが。
if(){ }; //こっちはエラーが出ない（構文が成立している if(){ ｝;//こっちはエラーが出る（閉じタグが全角なので、ただの文字列であり、構文が成立してない
投稿2019/02/14 05:41
編集2019/02/14 05:47
総合スコア3660
0
とくに問題なさそうなのでゴミが入らないように
インデントなどとりやめて左詰めでかいてみてください
投稿2019/02/14 05:34
総合スコア117615
あなたの回答
tips
プレビュー
