質問編集履歴

2

エラー内容の追加

2020/08/03 00:31

投稿

Yt182
Yt182

スコア4

test CHANGED
File without changes
test CHANGED
@@ -4,9 +4,13 @@
4
4
 
5
5
  VS Codeでデバックしたところ、どうやらphpに行く前にJSのところでエラーが起こっているようでした。
6
6
 
7
-
7
+ その際のエラー内容がUncaught TypeError: Cannot read property 'addEventListener' of nullと出てきます。
8
-
8
+
9
- 際に表示されたエラー内容と解決方法が不明でたので質問させて頂きます。
9
+ こちらの解決方法のご教授をお願い致します。
10
+
11
+
12
+
13
+ 以下コードです。
10
14
 
11
15
 
12
16
 

1

HTMLのopenModalxの部分を追記致しました。

2020/08/03 00:31

投稿

Yt182
Yt182

スコア4

test CHANGED
File without changes
test CHANGED
@@ -12,6 +12,298 @@
12
12
 
13
13
  ```HTML
14
14
 
15
+ <div class="priceList-container">
16
+
17
+
18
+
19
+ <div class="priceList">
20
+
21
+ <div class="planName planName-two">
22
+
23
+ <p>トライアルプラン</p>
24
+
25
+ </div>
26
+
27
+ <div class="price">
28
+
29
+ <p><span class="zero">¥</span><span class="priseNumber-zero">0</span><span class="mounth-zero">/月</span></p>
30
+
31
+ </div>
32
+
33
+ <div class="planNave">
34
+
35
+ <p>○○○○○○○○○○○○</p>
36
+
37
+ <p>○○○○○○○○○○○○○○○○○○○○○○</p>
38
+
39
+ </div>
40
+
41
+
42
+
43
+ <div class="planList-two">
44
+
45
+ <div class="planContents">
46
+
47
+ <p>○○○○○○○○○○○</p>
48
+
49
+ </div>
50
+
51
+ <div class="border"></div>
52
+
53
+ <div class="planContents">
54
+
55
+ <p>○○○○○○○○○</p>
56
+
57
+ </div>
58
+
59
+ <div class="border"></div>
60
+
61
+ <div class="planContents">
62
+
63
+ <p>○○○○○○○○○</p>
64
+
65
+ </div>
66
+
67
+ <div class="border"></div>
68
+
69
+ <div class="planContents">
70
+
71
+ <p>○○○○○○○○○○</p>
72
+
73
+ </div>
74
+
75
+ <div class="border"></div>
76
+
77
+ <div class="planContents">
78
+
79
+ <p>○○○○○○○○○○○○</p>
80
+
81
+ </div>
82
+
83
+ </div>
84
+
85
+ <button id="openModal">申し込み</button>
86
+
87
+ </div>
88
+
89
+
90
+
91
+ <div class="priceList">
92
+
93
+ <div class="planName planName-two">
94
+
95
+ <p>○○○○○○○○○○○○○○</p>
96
+
97
+ </div>
98
+
99
+ <div class="price">
100
+
101
+ <p>¥<span class="priseNumber">19,800</span><span class="mounth">/月</span></p>
102
+
103
+ </div>
104
+
105
+ <div class="planNave">
106
+
107
+ <p>○○○○○○○○○○○○○○○○○○○</p>
108
+
109
+ </div>
110
+
111
+
112
+
113
+ <div class="planList">
114
+
115
+ <div class="planContents">
116
+
117
+ <p>○○○○○○○○○○○○○○</p>
118
+
119
+ </div>
120
+
121
+ <div class="border"></div>
122
+
123
+ <div class="planContents">
124
+
125
+ <p>○○○○○○○○○○</p>
126
+
127
+ </div>
128
+
129
+ <div class="border"></div>
130
+
131
+ <div class="planContents">
132
+
133
+ <p>○○○○○○○○○○○</p>
134
+
135
+ </div>
136
+
137
+ <div class="border"></div>
138
+
139
+ <div class="planContents">
140
+
141
+ <p>○○○○○○○○○○</p>
142
+
143
+ </div>
144
+
145
+ <div class="border"></div>
146
+
147
+ <div class="planContents">
148
+
149
+ <p>○○○○○○○○○○○</p>
150
+
151
+ </div>
152
+
153
+ </div>
154
+
155
+ <button id="openModal2">申し込み</button>
156
+
157
+ </div>
158
+
159
+
160
+
161
+ <div class="priceList">
162
+
163
+ <div class="planName planName-two">
164
+
165
+ <p>○○○○○○○○○○○</p>
166
+
167
+ </div>
168
+
169
+ <div class="price">
170
+
171
+ <p>¥<span class="priseNumber">66,800</span><span class="mounth">/月</span></p>
172
+
173
+ </div>
174
+
175
+ <div class="planNave">
176
+
177
+ <p>○○○○○○○○○○○○○○○○○○</p>
178
+
179
+ <p>○○○○○○○○○○○○</p>
180
+
181
+ </div>
182
+
183
+
184
+
185
+ <div class="planList-two">
186
+
187
+ <div class="planContents">
188
+
189
+ <p>○○○○○○○○○○○○○○○○○○○○</p>
190
+
191
+ </div>
192
+
193
+ <div class="border"></div>
194
+
195
+ <div class="planContents">
196
+
197
+ <p>○○○○○○○○○○○○○○○○○○○</p>
198
+
199
+ </div>
200
+
201
+ <div class="border"></div>
202
+
203
+ <div class="planContents">
204
+
205
+ <p>○○○○○○○○○○○○○○○○○○○</p>
206
+
207
+ </div>
208
+
209
+ <div class="border"></div>
210
+
211
+ <div class="planContents">
212
+
213
+ <p>○○○○○○○○○○○○○○○○○</p>
214
+
215
+ </div>
216
+
217
+ <div class="border"></div>
218
+
219
+ <div class="planContents">
220
+
221
+ <p>○○○○○○○○○○○○○○○</p>
222
+
223
+ </div>
224
+
225
+ </div>
226
+
227
+ <button id="openModal3">申し込み</button>
228
+
229
+ </div>
230
+
231
+
232
+
233
+ <div class="priceList">
234
+
235
+ <div class="planName planName-two">
236
+
237
+ <p>プラチナプラン</p>
238
+
239
+ </div>
240
+
241
+ <div class="price">
242
+
243
+ <p>¥<span class="priseNumber">100,000</span><span class="mounth">/月</span></p>
244
+
245
+ </div>
246
+
247
+ <div class="planNave">
248
+
249
+ <p>○○○○○○○○○○○○○○○○○○○○○○</p>
250
+
251
+ </div>
252
+
253
+
254
+
255
+ <div class="planList">
256
+
257
+ <div class="planContents">
258
+
259
+ <p>○○○○○○○○○○○○○</p>
260
+
261
+ </div>
262
+
263
+ <div class="border"></div>
264
+
265
+ <div class="planContents">
266
+
267
+ <p>○○○○○○○○○○○○○○</p>
268
+
269
+ </div>
270
+
271
+ <div class="border"></div>
272
+
273
+ <div class="planContents">
274
+
275
+ <p>○○○○○○○○○○○○○○○</p>
276
+
277
+ </div>
278
+
279
+ <div class="border"></div>
280
+
281
+ <div class="planContents">
282
+
283
+ <p>○○○○○○○○○○○○○○○○○○</p>
284
+
285
+ </div>
286
+
287
+ <div class="border"></div>
288
+
289
+ <div class="planContents">
290
+
291
+ <p>○○○○○○○○○○○○○○○</p>
292
+
293
+ </div>
294
+
295
+ </div>
296
+
297
+ <button id="openModal4">申し込み</button>
298
+
299
+ </div>
300
+
301
+
302
+
303
+ </div>
304
+
305
+
306
+
15
307
  <section id="modalArea" class="modalArea">
16
308
 
17
309
  <div id="modalBg" class="modalBg"></div>
@@ -140,7 +432,7 @@
140
432
 
141
433
  <!--<a href="#" class="btn-flat-border">送信</a>-->
142
434
 
143
- <button name="submitted" id="closeModal openModal5" class="btn-flat-border closeModal">送信</button>
435
+ <button name="submitted" id="closeModal" class="btn-flat-border closeModal">送信</button>
144
436
 
145
437
  </div>
146
438