Chrome の JavaScript で GameScreen.js が期待通り動きません
Q&A
Closed
解決したいこと
現在、Node.js,html,jsを使用して、タイピングゲームを作成中なのですが、html内のjsを呼び出すことができずに困っています。
発生している問題・エラー
ブラウザ上で何も表示されない
フォルダ階層
-htmlフォルダ
GameScreen.html
-jsフォルダ
GameScreen.js
typing.js
開発環境
OS：Win11
ブラウザ：Google Chrome
Webサーバー：Node.js
IDE：Vscode
コード
typing.js
//Node.jsのhttpモジュールの読み込み
var http = require("http");
//expressフレームワークの読み込み
var express = require("express");
var app = express();
//サーバの作成
var server = http.createServer(app);
app.use(express.static(__dirname));
app.get("/", function (req, res) {
return res.sendFile(__dirname + "/html/start.html");
});
app.get("/GameScreen", function (req, res) {
return res.sendFile(__dirname + "/html/GameScreen.html");
});
//サーバーが特定のポートでリクエストを受け付けるように設定
server.listen(8000);
GameScreen.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ゲーム画面</title>
</head>
<body>
<script src="../js/GameScreen.js"></script>
</body>
</html>
GameScreen.js
/* カウントダウンの処理 */
var count = 3;
function countdown() {
console.log(count);
count--;
}
countdown();
自分で試したこと
・相対パスの設定を変更した
・jsファイルを使用せずにhtml内に直接GameScreen.jsの内容を書き込んだ
・htmlの記述は普通に表示されます
0
