net::ERR_FILE_NOT_FOUNDの対処について
コンソール上に"net::ERR_FILE_NOT_FOUND"が出るので調べると外部pathに問題があるのではないかとの仮説に至りました。
#HTML
<!DOCTYPE html> <html lang="ja"> <head> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <meta charset="utf-8"> <title>JavaScript Basics</title> </head> <body> <select> <option value="red">白</option> <option value="blue">青</option> <option value="yellow">黄</option> </select> <button>Add</button> <ul> </ul> <script src="../js/main.js"></script> </body> </html>
#main.js
'use strict'; { document.querySelector('button').addEventListener('click', () => { const li = document.createElement('li'); const color = document.querySelector('select'); li.textContent = `${color.value} - ${color.selectedIndex}`; document.querySelector('ul').appendChild(li); }); }
#自分でやったこと
src ="js/main.js"
srs ="main.js"
src =".../js/main.js"
に記述を変えてトライしましたが変わらず"net::ERR_FILE_NOT_FOUND "でした。
pathの階層の理解を間違えているのでしょうか??
お手数おかけしますがご教授お願いいたします。
回答1件
あなたの回答
tips
プレビュー