Q&A
わ、貴重なお時間頂いてありがとうございました！！！
ただのスペルミスなのに、本当にありがとうございます。
気をつけます????
【実現したいこと】
JavaScriptで横スクロールゲームを作るためにまずはゲーム画面にあたる水色の四角形をJavaScriptで作ろうと思ったのですが以下エラーが表示されてしまいます。
main.js:4 Uncaught TypeError: document.getElementByID is not a function
document.getElementByIDは関数ではありません、という意味なのはわかるのですが、
なぜエラーになっているのか理解できずにいます。
エラー解消の為確認したURL
https://teratail.com/questions/220394
https://teratail.com/questions/220394)https://www.softel.co.jp/blogs/tech/archives/2815
html側の<canvas id="can">というid名が原因かと思い、id名を変更してみましたが
状況は変わらずでした。
どうかご教授いただけないでしょうか。
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <title>mario</title> 6</head> 7<body> 8 <canvas id="can"></canvas> 9<script src = "main.js"> 10 11</script> 12 13</body> 14</html>
JavaScript
1const SCREEN_SIZE_W = 256; 2const SCREEN_SIZE_H = 224; 3 4let can = document.getElementByID("can"); 5let con = can.getContext("2d"); 6 7can.width =SCREEN_SIZE_W; 8can.height = SCREEN_SIZE_H; 9 10con.fillStyle ="#66aaff"; 11con.fillRect(0,0,SCREEN_SIZE_W,SCREEN_SIZE_H);
回答2件
0
ベストアンサー
document.getElementById だからだと思います。最後のDは小文字です。
投稿2020/02/05 06:03
総合スコア1292
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/02/05 06:12
2020/02/05 06:31