Почему конфликтует js?

Question

[Антон]

https://codepen.io/anon/pen/XVNvbr

Если на странице есть код

window.onload= function() 
{
	document.getElementById('toggler').onclick = function() {
		openbox('box', this);
		return false;
	};
};
function openbox(id, toggler) {
	var div = document.getElementById(id);
	if(div.style.display == 'block') {
		div.style.display = 'none';
		toggler.innerHTML = 'Добавить отзыв';
	}
	else {
		div.style.display = 'block';
		toggler.innerHTML = 'Закрыть форму';
	}
}

в паре с кодом

window.onload = function() {
  var radios = document.getElementsByName('vca');
  
  for (var i = 0; i < radios.length; i++) {
    radios[i].onclick = function() {
      document.getElementsByName('name')[0].value = this.value;
    }
  }
}

То оба кода не работают нормально, но по отдельности работают.
Как их подружить?

Answer 1

[Stalker_RED]

Вы пишете
window.onload = function ...
Потом
window.onload = function ДРУГАЯ ФУНКЦИЯ
Ессно работать будет вторая.

Подружить можно так:

window.onload = function (){
 func1()
 func2()
}

либо прекратить пользоваться этим приветом из девяностых и освоить наконец-то addEventListener.

Comments

[Антон]

window.onload = function (){
{
	document.getElementById('toggler').onclick = function() {
		openbox('box', this);
		return false;
	};
};
function openbox(id, toggler) {
	var div = document.getElementById(id);
	if(div.style.display == 'block') {
		div.style.display = 'none';
		toggler.innerHTML = 'Добавить отзыв';
	}
	else {
		div.style.display = 'block';
		toggler.innerHTML = 'Закрыть форму';
	}
}{
  var radios = document.getElementsByName('vca');
  
  for (var i = 0; i < radios.length; i++) {
    radios[i].onclick = function() {
      document.getElementsByName('name')[0].value = this.value;
    }
  }
}
}