Q&A
typoがあります。
funciton
↓
function
以下のhtmlファイルをブラウザで開いたのですが、javascriptファイルが読み込めていないようで、ボタンをクリックしても何も起きません。解決法を教えてください。
<index.htmlの中身>
html
1<!DOCTYPE html> 2<html> 3 <head> 4 <meta charset="utf-8"> 5 <title>index</title> 6 <link rel="stylesheet" href="master.css"> 7 <script src="https//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 8 </head> 9 <body> 10 <div class="btn">ボタン</div> 11 <p>表示</p> 12 <script src="script.js"></script> 13 </body> 14</html>
<script.jsの中身（index.htmlと同じディレクトリ内）>
javascript
1$(function() { 2 $(".btn").click(funciton() { 3 $("p").fadeOut(); 4 }); 5});
原因は上の方のとおりだと思います。
「javascriptが読み込めていない」のか
「javascript内のコードが間違っているのか」のかはブラウザ開発者ツールで簡単に確かめられます。
調べて見てください。
回答1件
0
ベストアンサー
追加欄でLhankor_Mhyさんが指摘された箇所以外に、もう1箇所誤りがあります。
html
1<!-- httpsのあとの「:」が足りない --> 2<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
コンソールを見れば「ロード失敗」や「文法エラー」などのエラーが出ているはずなので、確認してみましょう。
投稿2019/03/02 00:34
総合スコア145183
あなたの回答
tips
プレビュー
