Q&A
コンソールにエラーメッセージなどは出ていませんか？
前提・実現したいこと
外部ファイルとしてJavaScriptに関数を保存し、htmlから外部呼出しをしようするとき、
下部のようなエラーが発生しました。
発生している問題・エラーメッセージ
エラーメッセージ
該当のソースコード
「javascript.html」↓
<!DOCTYPE html> <html> <head> <meta content="ja"> <meta charset="utf-8"> <title>JavaScript</title> <link rel="stylesheet" href="style.css"> <style type="text/css"> </style> </head> <body> <script type="text/javascript" src="script.js"> </script> </body> </html>
[script.js]↓最初の一行目でエラーとなります。
function average(a, b){ return ((a+b)/2); }
### 試したこと function関数のインデントを揃えたり、returnの間に半角スペースを入れたり試してみましたが、 エラーは改善されませんでした。 ### 補足情報（FW/ツールのバージョンなど） OS：windows10 ブラウザ：GoogleChrome エディタ：Brackets
回答2件
0
ベストアンサー
ERROR:'average' is defined but never used.[no-unused-vars]
importで使っている場合はともかく、HTMLから呼び出している場合はそれを検知できません。なので、HTMLでバラバラにJavaScriptファイルを呼び出して使う場合には、この警告は止めてしまうのが適切です。
投稿2018/09/04 02:38
総合スコア145184
Udemyというプログラミング動画サイトで講師のPCではHTMLからjsの呼び出しが成功しているのですが、私の環境では呼び出しがされません。私の環境の場合、プログラムを作り上げるときは、HTMLのほうに直接javascriptを記述しなければならないということでしょうか？
作ったaverageを呼ぶコードはどこに書いています？
「まだ書いていない」というのであれば、それが波線の出る原因です。
<script type="text/javascript" src="script.js">
動画では上記をhtmlに記述すればjs関数を呼び出してくれるそうなのですが、すみません、averageを呼ぶコードをどこにどのように書けば良いのか教えていただけますでしょうか。
動画のあとの方で、この関数を呼び出す部分はありませんか？
この動画でjavascriptについては一区切りとなります。そのため、関数を呼び出す部分はありませんでした。
では聞き方を変えますが、関数を実行した結果はどのように出力されます？
（もしかすると、動画の方も「単に読み込むだけで実行しない」のかもしれないですが、そうでしょうか）
関数を実行した結果はどこにも表示されませんでした。そのため、下記のようにaverage関数を呼び出してみたところ、alertが出現して値もちゃんと出るようになりました。
function average(a, b){
return ((a+b)/2);
}
var x = 5;
var y = 10;
alert(average(x, y));
しかし、今度はalert(average(x, y));のある行に×マークがついてしまいます。
挙動は意図したとおりに動いているのにも関わらず、×マークがつくため手詰まりました。
×マークにカーソルを合わせるとERROR:'alert' is not defined.[no-undef] となります。
alertにno-undefと出るのは、ブラウザ環境で使うJavaScriptだと認識されていないだけです。
ESLintは、正しく設定しないと誤警告も喰らいます。
0
エラーではなく、おそらくBracketsによるコードスタイルへの警告かなと思います。xマークにカーソルを当てると、どのような警告か表示されませんか？
一応、以下のように関数定義の(a, b)の後にスペースを入れると治りませんか？
function average(a, b) { return ((a+b)/2); }
投稿2018/09/04 02:30
総合スコア640
ERROR:'average' is defined but never used.[no-unused-vars] エラー箇所にカーソルを当てると左記のようなメッセージが出ます。
あなたの回答
tips
プレビュー
