javascript vraag

[Heegsma]

*** Opgelost **** Vegras bedankt voor je hulp!

Collega's,

Ik ben zelf niet thuis in javascript, wel in php vandaar dat ik jullie graag om hulp vraag.
Op een nieuw te ontwikkelen website, wil ik een vragenlijst toevoegen waar het resultaat er van direct onder aan de pagina te zien is in een tabel.

elke vraag is gekoppeld aan een type paard, zodra men ja selecteert op een vraag moet bij het type paard in de resultatentabel de waarde met 1 opgehoogd worden.

Dus bijv;

1. Houd je paard van grazen (gekoppeld aan paard geel) JA/NEE
2. Is je paard een groepsdier of graast die liever alleen (gekoppeld aan paard groen) JA/NEE
3. Wil je paard graag werken (gekoppeld aan paard geel) JA/NEE

Dus als vraag 1 en 3 positief (JA) wordt beantwoord en vraag 2 met NEE wordt beantwoord, dan zou de resultatentabel onderaan de pagina er als volgt uit moeten zien

Paard geel : 2
Paard groen : 0
Paard rood : 0
Paard paars : 0

Zijn er deskundigen die weten hoe ik dit het beste kan realiseren?

Gr,
Johan.

 

[That Guy]

[JS]var paardPunten = [
['rood',0],
['paars',0],
['geel',0],
['blauw',0]
];
//voor elk paard 1 array waarde

function upPaardPunt(kleur)
{
//deze functie verhoogt het punt van een paard
for(var i=0;i<paardPunten.length;i++)
{
if(paardPunten[0] == kleur)
{
paardPunten[1]++; //verhoog punt
}
}

//na het klikken moet je ook gelijk de punten updaten:
showPunten();
}

function showPunten()
{
var obj = document.getElementById('uitkomsten');
//sla handle naar object op

obj.innerHTML = 'Punten:<br /><br />';

for(var i=0;i<paardPunten.length;i++)
{
obj.innerHTML += 'Paard ' + paardPunten[0] + ' heeft ' + paardPunten[1] + ' punt<br />';
}
}
[/JS]
Nu, om een punt te geven:

<div id='uitkomsten'>
   1. Houd je paard van grazen? <a href='#' onclick='upPaardPunt("geel");'>ja</a> / nee
   <br />
   2. Is je paard een groepsdier of graast die liever alleen? <a href='#' onclick='upPaardPunt("groen");'>ja</a> / nee
</div>

Dit is even uit mn hoofd, en er zijn nog wel wat quirks (bv: 2x op dezelfde vraag klikken geeft 2x punten, etc) maar het zou eventueel moeten werken.