hello Im doing my best to fix my code its a modal for web development but I cant figure it out it keeps saying prayer html 54 Uncaught TypeError Cannot read property 'addEventListener' of null at prayer html 54 can someone take a look at it please I need help and can you tell me what i was doing wrong thank you call function includeHTML() var z, i, elmnt, file, xhttp loop through a collection of all HTML elements z document getElementsByTagName( ) for (i 0 i z length i ) elmnt z i search for elements with a certain atrribute file elmnt getAttribute( w3 include html ) if (file) make an HTTP request using the attribute value as the file name xhttp new XMLHttpRequest() xhttp onreadystatechange function() if (this readyState 4) if (this status 200) elmnt innerHTML this responseText if (this status 404) elmnt innerHTML Page not found remove the attribute, and call this function once more elmnt removeAttribute( w3 include html ) includeHTML() xhttp open( GET , file, true) xhttp send() exit the function return script Get modal element var modal document getElementById('simpleModal') get open modal button var modalBtn document getElementById('modalBtn') Get close button var closeBtn document getElementsByClassName('closeBtn') 0 Listen for open click modalBtn addEventListener('click', openModal) Listen for close click closeBtn addEventListener('click', closeModal) Listen for outsideclick window addEventListener('click', outsideClick) Function to open modal function openModal() modal style display 'block' Function to close modal function closeModal() modal style display 'none' Function to close modal if outside click function outsideClick(e) if(e target modal) modal style display 'none' script includeHTML() this is style css body font family Arial, Helvetica, sans serif font size 17px line height 1 6 button background coral padding 1em 2em color fff border 0 margin left auto margin right auto display block button hover background 333 modal display none position fixed z index 1 left 0 top 0 height 100 width 100 overflow auto background color rgba(0,0,0,0 5) modal content background color f4f4f4 margin 20 auto width 70 box shadow 0 5px 8px 0 rgba(0,0,0,0 2), 0 7px 20px 0 rgba(0,0,0,0 17) animation name modalopen animation duration 1s modal body height auto width auto padding 10px 20px modal footer background 6f9fd8 padding 10px color fff text align center closeBtn color ccc float right font size 30px color white closeBtn hover, closeBtn focus color 000 text decoration none cursor pointer keyframes modalopen from opacity 0 to opacity 1 modal header h2, modal footer h3 margin 0 modal header background 6f9fd8 padding 10px color fff text align center table, h3 border color deepskyblue text align center style for modal this is the modal html Click here for availabilty Believe2achieve Lorem ipsum dolor sit amet, consectetur adipisicing elit Reiciendis, vel, eveniet Unde rerum, saepe ipsa magnam sed Saepe voluptas corporis inventore ad similique dolor neque explicabo nam doloremque, iste tempore

The Answer is in the image, click to view ...

Question: hello Im doing my best to fix my code...its a modal for web development but I cant figure it out it keeps saying prayer.html:54 Uncaught

hello Im doing my best to fix my code...its a modal for web development but I cant figure it out it keeps saying prayer.html:54 Uncaught TypeError: Cannot read property 'addEventListener' of null at prayer.html:54. can someone take a look at it please I need help and can you tell me what i was doing wrong thank you.

------------------------------------------------------------------------------------------------------

---------------------------------------------------------------------------------------------------------------------------------------------

this is style.css

body{ font-family: Arial, Helvetica, sans-serif; font-size:17px; line-height:1.6; } .button{ background:coral; padding:1em 2em; color:#fff; border:0; margin-left:auto; margin-right:auto; display:block; } .button:hover{ background:#333; } .modal{ display:none; position:fixed; z-index:1; left:0; top:0; height: 100%; width:100%; overflow: auto; background-color: rgba(0,0,0,0.5); } .modal-content{ background-color:#f4f4f4; margin: 20% auto; width:70%; box-shadow: 0 5px 8px 0 rgba(0,0,0,0.2), 0 7px 20px 0 rgba(0,0,0,0.17); animation-name:modalopen; animation-duration:1s; } .modal-body{ height:auto; width:auto; padding:10px 20px; } .modal-footer{ background:#6f9fd8; padding:10px; color:#fff; text-align:center; } .closeBtn{ color:#ccc; float:right; font-size:30px; color:white; } .closeBtn:hover,.closeBtn:focus{ color:#000; text-decoration: none; cursor:pointer; } @keyframes modalopen{ from{opacity:0} to {opacity: 1} } .modal-header h2, .modal-footer h3{ margin:0; } .modal-header{ background:#6f9fd8; padding:10px; color:#fff; text-align:center; } table, h3{ border-color:deepskyblue; text-align: center; } /*style for modal*/

------------------------------------------------------------------------------------------------------------------------------

this is the modal.html

Believe2achieve

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis, vel, eveniet. Unde rerum, saepe ipsa magnam sed. Saepe voluptas corporis inventore ad similique dolor neque explicabo nam doloremque, iste tempore.

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer

Step: 1 Unlock blur-text-image

Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock

Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!

Hello! Im not the best with these kind of problems and I seriously need help! I chose save for a Caribbean cruise. I am planning on saving $3,500 and investing $500 dollars now! Thank you for your...

look into the transcription of the videos that we coded for the Dominance project and identify if there are any errors (grammar and spelling and etc): 1673015005057.mp4 Baseline 181 Baseline181 Hi,...

SPEAKER 1 Awesome. Thank you. Questions Task Instructions 1. Watch the interview with the representative from the case study organisation. 2. Determine what their stated or inferred business...

Students will review examples and evaluate them. Review these documents and evaluate them (click on the link): https://1drv.ms/w/s!AoYu6G3CLyuakjVCGipkRkNSBVUB?e=jrPXX6...

Questions: Cite reasons for and against rebuilding Greensburg as a green town. Which reasons do you find most convincing and why? (200 words) Do you think Greensburgs decision-making process was...

City of Greensburg Kansas Summary: A tornado devastated Greensburg, Kansas. The mayor stated the tornado was actually an opportunity to rebuild a green town. There was opposition from the town...

Questions: Cite 3 reasons for and 3 reasons against rebuilding Greensburg as a green town. (200-250 words) Describe rational decision making (200-250 words) City of Greensburg Kansas Summary: A...

Ques: Describe rational decision making.Cite 3 reasons for and 3 reasons against rebuilding Greensburg as a "green town." Case study to answer the question: City of Greensburg Kansas...

City of Greensburg Kansas Summary: A tornado devastated Greensburg, Kansas. The mayor stated the tornado was actually an opportunity to rebuild a green town. There was opposition from the town...

A 500-kW, 2400-V, four-pole, 60-Hz induction machine has the following equivalent-circuit parameters in ohms per phase Y referred to the stator: R 1 = 0.122 R 2 = 0.317 X 1 = 1.364 X 2 = 1.32 X m =...

Truth Tables Description STRT H2D H1D FP2 FP1 FCMP SFR CLAMP IFP2 FDDN (X in cell means the sensor may be either on/off during this time) 0 0 0 Wait till STRT is pressed, with fixture in postion 1...

What is the difference between DPP - 4 inhibitors and GLP - 1 analogs? DPP - 4 inhibitors increase the level of incretins and GLP - 1 analogs are incretin mimetics. GLP - 1 analogs are mostly pills...

1. Calculate the BSA concentration, abs 0.06 2. Calculated the ANS concentration 3. Calculated the [ANS]bound 4. Calculated the [ANS]free Materials: Sodium phosphate buffer (pH 7.4) 0.03g BSA in...

Imagine that the U.S. Congress, recognizing the importance of being well dressed, started giving preferential tax treatment to clothing insurance. Under this new type of insurance, you would pay the...

Find some information on an index fund (such as the Vanguard Total Stock Market Index, ticker symbol VTSMX). How has this fund performed compared with other stock mutual funds over the past 5 or 10...

According to an old myth, Native Americans sold the island of Manhattan about 400 years ago for $24. If they had invested this amount at an interest rate of 7 percent per year, how much would they...