尝试在 html 元素中绘制任何内容时，我总是遇到错误。我上过 reddit、W3 Schools 和大约 30 个其他教程。我问了 ChatGPT，它给了我相同的代码。开发控制台中也没有任何关闭。请帮忙。 这是我的 github 页面的链接……https://finnyjokes.github.io/JavascriptGames/
我尝试更改变量，甚至删除我的 css。我最初使用外部 JS，现在使用我讨厌的内联 JS。 这是完整的代码。
<html>
<head>
<title>JS GAME</title>
<link rel="stylesheet" href="style.css">
<style>
body {
background:black;
text-align:center;
color:white;
}
canvas {
background-color:darkgray;
}
</style>
</head>
<body>
<h1>JSGAME</h1>
<canvas id="myCanvas">
<script src="mainGame.js">
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.moveTo(0, 0);
ctx.lineTo(200, 100);
ctx.stroke();
</script>
</canvas>
</body>
</html>
它不断提出画布显示，并在画布中注意到其他内容。 我从事 Web 开发已有 10 年之久，但我仍然无法弄清楚这一点。请帮助。