onload, domcontentloadedについて

Question

2つの疑問があります。その疑問は下のプログラムを読んでいるときに発生しました。

• onload, addeventlistener(domcontentloaded)の中でページが読み込み完了したときのことを書くらしいですが、**「ページが読み込み完了したときにやらなければならないこと」って何なんでしょうか？何かイベントを登録したり、関数の宣言も全部の処理をonload, addeventlistener(domcontentloaded)の中に入れていることもありますが、「そうしないと危険」だったり、「そうしなければならないような何らかのデメリットがあったりする」**んでしょうか？ページ読み込み完了したときだけ動くことを保障したい場面がいまいち想像できないです。

• 関数の中に変数や関数をまとめて入れているのはいったい何ででしょうか？無駄なように思えるのですが、メリットはなんでしょうか？

window.onload=function(){
	function kiokugame() {
		var mondai;
		var answer;
		var l = 25;

		function init() {
			mondai = [];
			document.getElementById('mondai').innerHTML = '';
			for (var i = 0; i < l; ++i) {
				mondai.push(Math.random() > 0.5);
				var div = document.createElement('div');
				div.style.background = (mondai[i] ? '#c00' : '#fff');
				document.getElementById('mondai').appendChild(div);
			}
			setTimeout(init2, 3000);
		}

		function init2() {
			answer = [];
			for (var i = 0; i < l; ++i) {
				answer.push(false);
				init3(i);
			}
			document.getElementById('check').style.display = 'inline';
		}

		function init3(i) {
			document.getElementById('mondai').getElementsByTagName('div')[i].style.background = '#fff';
			document.getElementById('mondai').getElementsByTagName('div')[i].addEventListener('click', function () {
				answer1(i);
			});
		}

		function answer1(i) {
			answer[i] = !answer[i];
			document.getElementById('mondai').getElementsByTagName('div')[i].style.background = (answer[i] ? '#c00' : '#fff');
		}

		function check() {
			if (mondai.join() == answer.join()) {
				alert('○正解！');
			} else {
				for (var i = 0; i < mondai.length; ++i) {
					if (mondai[i]) {
						document.getElementById('mondai').getElementsByTagName('div')[i].style.background = '#f00';
					}
				}
				alert('×不正解！');
			}
		}

		document.getElementById('start').addEventListener('click', init);
		document.getElementById('check').addEventListener('click', check);
	}
	kiokugame();
}

上のコードはこちらから例として良さそうだったので引用しました。

Answer 1

ページ読み込み完了したときだけ動くことを保障したい場面がいまいち想像できないです。

一度 window.onload=function(){} から出して動くか試してみてはいかがでしょう。

無駄なように思えるのですが、メリットはなんでしょうか？

【中上級者になるためのJavaScript【知識編】 - Qiita】
http://qiita.com/kenju/items/c7fad62a12cc2809b507#1-1-グローバル変数を乱用しない