Q&A書籍で勉強をしているのですが、どうしても自分のコードだと
console
1ex4.html:35 Uncaught TypeError: Cannot read property 'getContext' of null 2 at canvasApp (ex4.html:35) 3 at eventWindowLoaded (ex4.html:19) 4canvasApp @ ex4.html:35 5eventWindowLoaded @ ex4.html:19 6load (async) 7(anonymous) @ ex4.html:9
のエラーが出てしまい、2時間見つめても悪いところが見つけられません、どこがおかしいんでしょうか？
JavaScript
1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 6 <title>EX4</title> 7 8 <script > 9 window.addEventListener('load', eventWindowLoaded, false); 10 var Debugger = function() { }; 11 Debugger.log = function(message) { 12 try { 13 console.log(message); 14 } catch(exception) { 15 return; 16 } 17 } 18 function eventWindowLoaded() { // the problem 19Line 19 canvasApp(); 20 } 21 22 function canvasApp() { 23 var guesses = 0; 24 var message = "Guess the letter from a (lower) to z(higher) "; 25 var letters = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", 26 "l", "m", "n", "o", "p", "q", "r", "s" , "t", "u", "v", "w", "x", 27 "y", "z"]; 28 var today = new Date(); 29 var letterToGuess = ""; 30 var higherOrLower = ""; 31 var lettersGuessd; 32 var gameOver = false; 33 34 var theCanvas = document.getElementById("cavasOne"); 35 var context = theCanvas.getContext("2d"); // Why?? 34Line 36
回答2件
0
javascript
1document.getElementById("cavasOne")
とありますが、IDにnが抜けていたりしませんか？
追記：
「動いている」方のコードとしてTwitterで提示されているコードは正しくcanvasOneになっているので、そこが誤りと考えてよいかと思われます。
投稿2018/09/05 20:16
編集2018/09/05 20:19
総合スコア14
0
自己解決
ごめんなさい、L34が"cavas"になってます....
投稿2018/09/05 20:25
総合スコア32
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/09/05 21:50