質問編集履歴
1
試したソースコード、詳しいエラーの症状の明記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -7,8 +7,7 @@
|
|
|
7
7
|
マインスイーパーを練習で作っています。試験的に９マスで作っています。
|
|
8
8
|
９マスをシャッフルして、3,4番目を取り出すことでランダムに爆弾の位置を二箇所決定しています。
|
|
9
9
|
爆弾の配列[bom]内の要素がクリックされた時にその要素の上に、爆弾の画像を表示させたいのですが、どうしたらいいでしょうか？
|
|
10
|
-
|
|
11
|
-
爆弾のリンクはhttps://www.google.com/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&ved=2ahUKEwiXlpvRirngAhVGdXAKHe5IDwYQjRx6BAgBEAU&url=https%3A%2F%2Fpublicdomainq.net%2Fbomb-explosive-weapon-0001415%2F&psig=AOvVaw1XwPdBGNX9BvW7bJrm5nEb&ust=1550160130719476
|
|
10
|
+
該当のソースコードで試したらCannot set property 'onclick' of nullというエラーが出ました。
|
|
12
11
|
```
|
|
13
12
|
|
|
14
13
|
### 該当のソースコード
|
|
@@ -40,7 +39,12 @@
|
|
|
40
39
|
</body>
|
|
41
40
|
</html>
|
|
42
41
|
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
```
|
|
45
|
+
|
|
43
46
|
[js]
|
|
47
|
+
|
|
44
48
|
//ますの要素をまとめて指定
|
|
45
49
|
var arr = Array.from(document.getElementsByTagName('td'));
|
|
46
50
|
var a = arr.length;
|
|
@@ -57,6 +61,12 @@
|
|
|
57
61
|
console.log(arr);
|
|
58
62
|
console.log(bom);
|
|
59
63
|
|
|
64
|
+
document.getElementById(bom).onclick = function() {
|
|
65
|
+
document.getElementById(bom).innerHTML = "img/bom1.jpg";
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
```
|
|
69
|
+
```
|
|
60
70
|
[css]
|
|
61
71
|
body {
|
|
62
72
|
background-color: #263238;
|