Javascript Approach For Handling Null Listeners

General Prog (Archived)
, , ,
1

I need some advices for better desing approach. I have some event listeners in every my js file as below. All of them compile to one app.js file. I check if a parent element for avoid null console errors. But i feel that design looking bad with multiple “DOMContentLoaded” event listeners.

 //assets/js/js_for_page1.js
 document.addEventListener('DOMContentLoaded', function() {
   if (check_parent_element_exist){
  //some variables, elements and click, onchange event listeners
    } 
   })

 //assets/js/js_for_page2.js
document.addEventListener('DOMContentLoaded', function() {
 if (check_parent_element_exist){
 //some variables, elements and click, onchange event listeners
  } 
  });
etc...
....
....