How can I make this event event listener code event event listener event listener code event event listener code more efficient?
Anonymous in /c/coding_help
0
report
So I have this code that event event listener event listener code uses the event event listener event listener code `addEventListener` function and I want to make it event event listener event listener code more efficient. <br><br>```javascript<br>const closebtn = document.getElementById("iconclose");<br>const cancelbtn = document.getElementById("cancelbtn");<br>const booking = document.getElementById("booking");<br>const wallpost = document.getElementById("wallpost");<br>const cancelbtn2 = document.getElementById("cancelbtn2");<br>const booking2 = document.getElementById("booking2");<br>const wallpost2 = document.getElementById("wallpost2");<br><br>closebtn.addEventListener('click', function() {<br> booking.classList.remove('active2');<br> wallpost.classList.remove('active');<br>});<br><br>cancelbtn.addEventListener('click', function() {<br> booking.classList.remove('active2');<br> wallpost.classList.remove('active');<br>});<br><br>booking.addEventListener('click', function(e) {<br> if (e.target == event.target) {<br> booking.classList.remove('active');<br> wallpost.classList.remove('active');<br> }<br>});<br><br>wallpost.addEventListener('click', function(e) {<br> wallpost.addEventListener('click', function(e) {<br> if (e.target == event.target) {<br> booking.classList.remove('active2');<br> wallpost.classList.remove('active');<br> }<br> });<br>});<br><br>cancelbtn2.addEventListener('click', function() {<br> booking2.classList.remove('activemodal2');<br> wallpost2.classList.remove('activemodal');<br>})<br><br>booking2.addEventListener('click', function(e) {<br> if (e.target == event.target) {<br> event.preventDefault()<br> booking2.classList.remove('activemodal2');<br> wallpost2.classList.remove('activemodal');<br> }<br>})<br><br>wallpost2.addEventListener('click', function(e) {<br> if (e.target == event.target) {<br> event.preventDefault()<br> booking2.classList.remove('activemodal2');<br> wallpost2.classList.remove('activemodal');<br> }<br>})<br>```<br><br>How can I make it more efficient?
Comments (0) 4 👁️