Add two functions to window.onload

Question

I have two functions on my form except one does not work if the other is active. Here is my code:

window.onload = function(event) {     var $input2 = document.getElementById('dec');     var $input1 = document.getElementById('parenta');     $input1.addEventListener('keyup', function() {         $input2.value = $input1.value;     }); }  window.onload=function(){     document.getElementById('enable').onchange=function(){         var txt = document.getElementById('gov1');         if(this.checked) txt.disabled=false;         else txt.disabled = true;     }; }; 

What I mean is that when I have both these functions in my form the second function works fine but the first will not work, if take out the second function the first one will work like normal, why is this happening? Is it because of the names?

Answer 1

window.addEventListener("load",function(event) {     var $input2 = document.getElementById('dec');     var $input1 = document.getElementById('parenta');     $input1.addEventListener('keyup', function() {         $input2.value = $input1.value;     }); },false);  window.addEventListener("load",function(){     document.getElementById('enable').onchange=function(){         var txt = document.getElementById('gov1');         if(this.checked) txt.disabled=false;         else txt.disabled = true;     }; },false); 

Documentation is here

Note that this solution may not work across browsers. I think you need to rely on a 3-rd library, like jquery $(document).ready