Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

[JS] Optellen (Opgelost)

dimb - 24/12/2008 18:26

Nieuw lid

Hallo,

Ik ben een beetje aan het oefenen met JS maar het wil niet echt echt lukken

Als ik iets invoer gebeurd er niks, ik denk dat het voorbeeld alles duidelijk maakt.

Wat doe ik nu precies fout, en wat moet ik veranderen om het werkend te maken.

php code - Bekijk de code zonder highlighting - Klap code in

<script type="text/javascript">

var opslag = new Array();

function opslag(aantal,inhoud,id){
	
	var hoeveel = aantal*inhoud;
	opslag[id] = hoeveel;
	
	recalc()
}

function recalc(){
	var aantal = 0;
	
	for (i=0;i<opslag.length;i++)
	{
		aantal = aantal+opslag[i];
	}
	document.getElementById("aantal").innerHTML = aantal;
}
</script>

<input type="text" name="1" size="1" onchange="opslag(this.value,'4','1');"> Auto (4 mensen)<br />
<input type="text" name="2" size="1" onchange="opslag(this.value,'50','2');"> Bus (50 mensen)<br />
<input type="text" name="3" size="1" onchange="opslag(this.value,'150','3');"> Vliegtuig (150 mensen)<br />

<span id="aantal">0</span> mensen

<script type="text/javascript">
 
var opslag = new Array();
 
function opslag(aantal,inhoud,id){
 
	var hoeveel = aantal*inhoud;
	opslag[id] = hoeveel;
 
	recalc()
}
 
function recalc(){
	var aantal = 0;
 
	for (i=0;i<opslag.length;i++)
	{
		aantal = aantal+opslag[i];
	}
	document.getElementById("aantal").innerHTML = aantal;
}
</script>
 
<input type="text" name="1" size="1" onchange="opslag(this.value,'4','1');"> Auto (4 mensen)<br />
<input type="text" name="2" size="1" onchange="opslag(this.value,'50','2');"> Bus (50 mensen)<br />
<input type="text" name="3" size="1" onchange="opslag(this.value,'150','3');"> Vliegtuig (150 mensen)<br />
 
<span id="aantal">0</span> mensen

Dimby

8 antwoorden

Gesponsorde links

Lino - 24/12/2008 21:41
Nieuw lid		Doe eens een ; achter recalc()

dimb - 24/12/2008 21:59 (laatste wijziging 24/12/2008 22:00)

Nieuw lid

Na wat aanpassing heb ik de volgende nog steeds niet werkende code

php code - Bekijk de code zonder highlighting - Klap code in

<script type="text/javascript">

var opslag = new Array();

function opslag(aantal,inhoud,id){
	
	var hoeveel = aantal*inhoud;
	opslag[id] = hoeveel;
	
	recalc();
}

function recalc(){
	var aantal = 0;
	
	for (i=0;i<opslag.length;i++)
	{
		aantal = aantal+opslag[i];
	}
	document.getElementById("aantal").innerHTML = aantal;
}
</script>

<input type="text" name="1" size="1" onchange="opslag(this.value,4,0);"> Auto (4 mensen)<br />
<input type="text" name="2" size="1" onchange="opslag(this.value,50,1);"> Bus (50 mensen)<br />
<input type="text" name="3" size="1" onchange="opslag(this.value,150,2);"> Vliegtuig (150 mensen)<br />

<span id="aantal">0</span> mensen

<script type="text/javascript">
 
var opslag = new Array();
 
function opslag(aantal,inhoud,id){
 
	var hoeveel = aantal*inhoud;
	opslag[id] = hoeveel;
 
	recalc();
}
 
function recalc(){
	var aantal = 0;
 
	for (i=0;i<opslag.length;i++)
	{
		aantal = aantal+opslag[i];
	}
	document.getElementById("aantal").innerHTML = aantal;
}
</script>
 
<input type="text" name="1" size="1" onchange="opslag(this.value,4,0);"> Auto (4 mensen)<br />
<input type="text" name="2" size="1" onchange="opslag(this.value,50,1);"> Bus (50 mensen)<br />
<input type="text" name="3" size="1" onchange="opslag(this.value,150,2);"> Vliegtuig (150 mensen)<br />
 
<span id="aantal">0</span> mensen

Paul

Lino - 24/12/2008 22:14
Nieuw lid		Volgens mij moet je ook opslag doorgeven met de functie recalc()

dimb - 24/12/2008 22:19
Nieuw lid		Hoe bedoel je? Recalc gebruikt toch de array?

Lino - 24/12/2008 22:22
Nieuw lid		Volgens mij moet je de array mee doorsturen.

Gerard - 24/12/2008 22:27
Ouwe rakker		Je input velden hebben geen value. Je gebruikt er nu de name voor?

vinTage - 24/12/2008 22:39
Nieuw lid		var opslag EN function opslag..ik gok dat dat een raar conflikje zal opleveren ?

henver - 24/12/2008 22:50

HTML gevorderde

html4strict code - Bekijk de code zonder highlighting - Klap code in

<html>
<head>
<script type="text/javascript">
window.onload = function(){
	var inputs = document.getElementById('inputs').getElementsByTagName('input');
	for(var i=0; i < inputs.length;i++){
		inputs[i].onkeyup = function(){
			var name = this.name;
			var id_inhoud = name.split('-');
			var id = id_inhoud[0];
			var inhoud = id_inhoud[1];
			var aantal = this.value;
			var hoeveel = aantal*inhoud;
			var current = document.getElementById('aantal').innerHTML;
			document.getElementById('aantal').innerHTML = parseFloat(current) + hoeveel;
		}
	}
}
</script>

</head>
<body>
	<div id="inputs">
		<input type="text" name="1-4" size="1" value=""> Auto (4 mensen)<br />
		<input type="text" name="2-50" size="1" value=""> Bus (50 mensen)<br />
		<input type="text" name="3-150" size="1" value=""> Vliegtuig (150 mensen)<br />
	</div>
	<span id="aantal">0</span> mensen
<body>
</html>

<html>
<head>
<script type="text/javascript">
window.onload = function(){
	var inputs = document.getElementById('inputs').getElementsByTagName('input');
	for(var i=0; i < inputs.length;i++){
		inputs[i].onkeyup = function(){
			var name = this.name;
			var id_inhoud = name.split('-');
			var id = id_inhoud[0];
			var inhoud = id_inhoud[1];
			var aantal = this.value;
			var hoeveel = aantal*inhoud;
			var current = document.getElementById('aantal').innerHTML;
			document.getElementById('aantal').innerHTML = parseFloat(current) + hoeveel;
		}
	}
}
</script>
 
</head>
<body>
	<div id="inputs">
		<input type="text" name="1-4" size="1" value=""> Auto (4 mensen)<br />
		<input type="text" name="2-50" size="1" value=""> Bus (50 mensen)<br />
		<input type="text" name="3-150" size="1" value=""> Vliegtuig (150 mensen)<br />
	</div>
	<span id="aantal">0</span> mensen
<body>
</html>

Dit werkt voor zover er niets aangepast wordt. Dus er moet nog wel wat aan veranderd/toegevoegd worden.

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten