Reistijden berekenen

Reistijden

<script>
	var uren;
	var minuten;

	function verstuur ( e ) {
		if ( ! e.preventDefault )
			return false;

		e.preventDefault();

		uren = e.target.uren.value;
		minuten = e.target.minuten.value;

		if(minuten != '30' && minuten != '00') {
			document.getElementById('errors_minuten').innerHTML = 'Minuten mag enkel bestaan uit 30 of 00';
		}

		if(minuten == '30') {
			halfUur();
		}
	
		if(minuten == '00') {
			heelUur();
		}
	
		function halfUur() {
				document.getElementById('les').innerHTML = uren + ':' + minuten;
	
			minuten = '11';
				document.getElementById('treinaankomst').innerHTML = uren + ':' + minuten;
	
			uren -= '1';
			minuten = '07';
				document.getElementById('treinvertrek').innerHTML = uren + ':' + minuten;
	
			uren -= '1';
			minuten = '58';
				document.getElementById('busaankomst').innerHTML = uren + ':' + minuten;
	
			minuten = '38';
				document.getElementById('busvertrek').innerHTML = uren + ':' + minuten;
	
			minuten = '30';
				document.getElementById('vertrekthuis').innerHTML = uren + ':' + minuten;
	
			minuten = '50';
			uren -= '1';
				document.getElementById('opstaan').innerHTML = uren + ':' + minuten;
	
			minuten = '45';
				document.getElementById('wekker').innerHTML = uren + ':' + minuten;
		}
	
		function heelUur() {
				document.getElementById('les').innerHTML = uren + ':' + minuten;
	
			uren -= 1;
			minuten = '41';
				document.getElementById('treinaankomst').innerHTML = uren + ':' + minuten;
	
			uren -= '1';
			minuten = '37';
				document.getElementById('treinvertrek').innerHTML = uren + ':' + minuten;
	
			minuten = '28';
				document.getElementById('busaankomst').innerHTML = uren + ':' + minuten;
	
			minuten = '08';
				document.getElementById('busvertrek').innerHTML = uren + ':' + minuten;
	
			minuten = '00';
				document.getElementById('vertrekthuis').innerHTML = uren + ':' + minuten;
	
			minuten = '20'; 
			uren -= '1';
				document.getElementById('opstaan').innerHTML = uren + ':' + minuten;
	
			minuten = '15';
				document.getElementById('wekker').innerHTML = uren + ':' + minuten;
		}
	}

function maakReistijden ( obj ) {

	var obj  =  document.getElementById( obj );
	if ( !obj )
		return false;
	if ( !obj.insertAdjacentHTML )
		return false;


	obj.insertAdjacentHTML( 'beforebegin' , '' +
		'	<form id="reistijd" method="POST" action="">\n' +
		'		<label for="uren">Uren</label>\n' +
		'			<input name="uren" type="text" value="8"/>\n' +
		'			<strong id="errors_uren">Uren van 8 tot 17</strong><br/>\n' +
		'		<label for="minuten">Minuten</label>\n' +
		'			<input name="minuten" type="text" value="30"/>\n' +
		'			<strong id="errors_minuten">Minuten of 00 of 30</strong><br/>\n' +
		'\n' +
		'		<input type="submit" value="Versturen"/>\n' +
		'	</form>\n' +
		'\n' +
		'	<table>\n' +
		'		<tr>\n' +
		'			<th>Wekker</th>\n' +
		'			<td id="wekker">&nbsp;</td>\n' +
		'		</tr>\n' +
		'		<tr>\n' +
		'			<th>Opstaan</th>\n' +
		'			<td id="opstaan">&nbsp;</td>\n' +
		'		</tr>\n' +
		'		<tr>\n' +
		'			<th>Vertrek thuis</th>\n' +
		'			<td id="vertrekthuis">&nbsp;</td>\n' +
		'		</tr>\n' +
		'		<tr>\n' +
		'			<th>Bus vertrek</th>\n' +
		'			<td id="busvertrek">&nbsp;</td>\n' +
		'		</tr>\n' +
		'		<tr>\n' +
		'			<th>Bus aankomst</th>\n' +
		'			<td id="busaankomst">&nbsp;</td>\n' +
		'		</tr>\n' +
		'		<tr>\n' +
		'			<th>Trein vertrek</th>\n' +
		'			<td id="treinvertrek">&nbsp;</td>\n' +
		'		</tr>\n' +
		'		<tr>\n' +
		'			<th>Trein aankomst</th>\n' +
		'			<td id="treinaankomst">&nbsp;</td>\n' +
		'		</tr>\n' +
		'		<tr>\n' +
		'			<th>Begin les</th>\n' +
		'			<td id="les">&nbsp;</td>\n' +
		'		</tr>\n' +
		'	</table>\n' +
		''
	);

	obj  =  document.getElementById( 'reistijd' );
	obj.addEventListener( 'submit' , verstuur , true );
}
	</script>

	<script id="rt">maakReistijden( 'rt' );</script>

*Variabelen beter gedeclareerd
*Tijdelijke oplossing: button + verstuur()