目的
JavaScriptの練習で、ビンゴシートを作っています。
質問内容
以下のコードがどうしてうまくいかないのかわからないため、教えていただきたいです。
tableでシートを作っています。
JavaScript
1'use strict' 2 3//0~99から25個数字をランダムに選び、配列に追加 4const nums = []; 5while(nums.length < 25){ 6 var num = Math.floor(Math.random()*100); 7 if(!nums.includes(num)){ 8 nums.push(num); 9 } 10} 11 12//tableの作成 13const trs = document.createDocumentFragment(); 14let t = 0; 15for(let i = 0; i < 5; i++){ 16 var tr = document.createElement('tr'); 17 for(i = 0; i < 5; i++){ 18 var td = document.createElement('td'); 19 //真ん中を開ける 20 if(t = 12){ 21 td.textContent = 'free'; 22 } else { 23 td.textContent = nums[t]; 24 } 25 tr.appendChild(td); 26 t += 1; 27 }; 28 trs.appendChild(tr); 29}; 30const table = document.createElement('table'); 31table.appendChild(trs); 32document.body.appendChild(table);
これで最後のdocument.body.appendChildの部分に、「Uncaught TypeError: Cannot read properties of null (reading 'appendChild')」とデベロッパーツールに表示されます。
まだまだ初学者のため、基本的な内容かもしれませんが、回答していただけると幸いです。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2022/06/23 14:28