Q&A
使っているブラウザは何でしょうか? 別のブラウザを試すことはできますか?
エラーメッセージは・構文エラー・800A03EA・JScriptコンパイルエラーです。なのでおそらく構文エラーだと思うのですが調べても、どの箇所が間違っているか分かりません。どなたか分かる方お願い致します。script.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUNDのエラーからも調べましたが分からずでした。
HTML
1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Document</title> 7 <link rel="stylesheet" href="style.css"> 8</head> 9<body> 10 <div id="btn">はてな</div> 11 12 <script src="js/script.js"></script> 13</body> 14</html>
javascript
1'use strict'; 2 3{ 4 const btn = document.getElementById('btn'); 5 6 btn.addEventListener('click', () =>{ 7 btn.textContent = 'hit!'; 8 }); 9}
Microsoft Edgeです。例えばGoogle Chromで開くという事でしょうか？
ご対応ありがとうございます、解決致しました、フォルダの構造が間違っていたみたいです。
回答2件
0
ERR_FILE_NOT_FOUND
ファイルが見つからないエラー
<script src="js/script.js"></script>
パスが違うのでは？
HTMLから参照できてないということでしょうね。
投稿2021/02/01 02:54
総合スコア80859
パス（URL）の意味をあまり理解出来ていないかもですが、フォルダの同じ階層にHTMLファイルとCSSファイルとJSファイルがあるのですが、何か別のもの（パス・URL）があるのでしょうか？
同じならjs/は不要ですね。
「相対パス」などで調べてください。
あくまで、「実行しているhtmlから見た場所」を指定する必要があります。
ありがとうございます、解決致しました。フォルダの構造が正しくなかったみたいです。jsの中にscript.jsを入れたら良かったのですね。パスの種類があるのも勉強になりました。
いえ、違います。
フォルダの構成の問題ではなく、「置いた場所を正しく示していない」
Webから参照できる場所であればどこに置こうと正しく記述すれば良いのです。
置くのが先。置いた場所を正しく参照させる。
ご丁寧にありがとうございます。相対パスについて詳しく調べてみます。
あまり、通じてない気が。
0
ベストアンサー
Webサーバーなどは使わず、
htmlとjsだけの構成でしょうか？
それであれば、以下の構成になっていないのではないでしょうか。
どこかのフォルダ |-htmlファイル |-style.css |-js |-script.js
投稿2021/02/01 03:11
総合スコア404
ありがとうございます、解決致しました、教えていただいた構成で反映されました。
その理解だと危ない気がする。
解決して良かったです。
HTMLファイルから参照しているファイル(cssやjs)は、
自分(htmlファイル)のパスからの相対でアクセスしていることを
覚えておいてくださいね。
それだけで、類似が解決しやすくなるので。
ご指摘ありがとうございます。パスの勉強になりました。
あなたの回答
tips
プレビュー
