# Javascript onload not firing

**URL:** <https://meta.discourse.org/t/javascript-onload-not-firing/145763>\
**Category:** Development\
**Created:** [March 27, 2020, 12:52am UTC](https://meta.discourse.org/t/javascript-onload-not-firing/145763 "2020-03-27T00:52:34Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![Luke\_Clancy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/luke_clancy/32/166703_2.png) [@Luke\_Clancy](https://meta.discourse.org/u/Luke_Clancy)\
**Post date:** [March 27, 2020, 12:52am UTC](https://meta.discourse.org/t/javascript-onload-not-firing/145763/1 "2020-03-27T00:52:34Z")

</div>

Hey guys,

This may be a bit of a basic question, I am more of a back-end guy. Currently I am trying to connect some java-script code to a front end element. The issue is that my window.onload (and document.onload, I tried them both) never fires. my javascript is in the plugin init folder ( [plugin]/assets/javascripts/initializers/[plugin].js.es6 )

```
export default {
  name: "meritmoot",
  initialize() {

    //my initialization function
    function initializeMeritmoot(api) {
      console.log("inside initializeMeritmoot")

      //function on key up
      function repInputKeyUp() {
        inputBox = document.getElementById("rep-input")
        console.log("in rep input key up")
        ajax("/reps/search/" + inputBox.value +".json", {type: 'GET'}).then((result) => {
          console.log(result)
          result = JSON.parse(result)
          repList = document.getElementById("rep-list")
          repList.innerHTML = ""
          result.forEach(op => {
            var x = document.createElement("INPUT");
            x.setAttribute("info-tag-id", op.id)
            x.setAttribute("value", op.mm_reference_str)
            repList.appendChild(x)
          });
          console.log(repList)
        });
      };
      console.log("Past Function Def");
      
      //window load (doesnt happen)
      window.onload = () => {
        console.log("PageLoaded") <-----------------------------------this never prints
        document.getElementById('rep-input').onkeyup = repInputKeyUp;
      };
      console.log('leaving initializeMeritmoot');
    }
    console.log("MeritMoot Javascript In Default")
    withPluginApi("0.8.37", api => initializeMeritmoot(api));
  }
};

```

Any thoughts on why this may be? Is this javascript setup correctly in relation to discourse? Or is this more of a general javascript thing?

Edit: trying addEventListener…

Edit: substituting onload for:

```
  window.addEventListener('onload', function() {
    console.log("PageLoaded")
    document.getElementById('rep-input').onkeyup = repInputKeyUp;
  }, false);

```

did not work either

---

_[View the full topic](https://meta.discourse.org/t/javascript-onload-not-firing/145763)._