hey!
ik moet voor school een javascript opdracht maken, waarbij de docent me niet kan helpen. (het is een gymleraar die ict moet geven en daar totaal geen verstand van heeft.) dus ik hoop dat jullie mij kunnen helpen.
wij moeten voor school de volgende tabel maken:
[smallimg]http://img509.imageshack.us/img509/1410/tabelb.jpg[/smallimg]
hierbij moet de gebruiker zijn lievelings -kleur, -dier en -eten kunnen selecteren. en als er op klik hier wordt geklikt moet er een alert verschijnen waarin de keuze gepresenteerd wordt.
Ik ben al best ver (na mijn mening) maar het lukt mij niet om het javascript te laten werken.
(het schrijven van de functie lukt niet, en ik heb geen idee wat voor functie ik moet gebruiken...) Hieronder staat wat ik al heb gedaan. Wie kan/wil mij helpen??? Alvast bedankt!
ik moet voor school een javascript opdracht maken, waarbij de docent me niet kan helpen. (het is een gymleraar die ict moet geven en daar totaal geen verstand van heeft.) dus ik hoop dat jullie mij kunnen helpen.
wij moeten voor school de volgende tabel maken:
[smallimg]http://img509.imageshack.us/img509/1410/tabelb.jpg[/smallimg]
hierbij moet de gebruiker zijn lievelings -kleur, -dier en -eten kunnen selecteren. en als er op klik hier wordt geklikt moet er een alert verschijnen waarin de keuze gepresenteerd wordt.
Ik ben al best ver (na mijn mening) maar het lukt mij niet om het javascript te laten werken.
(het schrijven van de functie lukt niet, en ik heb geen idee wat voor functie ik moet gebruiken...) Hieronder staat wat ik al heb gedaan. Wie kan/wil mij helpen??? Alvast bedankt!
HTML:
<html>
<head>
<title>Rekenmachine</title>
<style>
<!--
td.even {background-color: #ccccff;}
td.oneven {background-color: #9999ff;}
th {background-color: #6666ff;}
-->
</style>
<script type="text/javascript">
<!--
var kleur
var dier
var eten
function setvar1(kleur)
{var1=kleur}
function setvar2(dier)
{var2=dier}
function setvar3(eten)
{var3=eten}
function reken()
{
som = var1 + var2 + var3
window.alert('uw lievelingskleur is: '+var1 + '\nuw lievelingsdier is: '+ var2 + '\nuw lievelingseten is: '+ var3)
}
//-->
</script>
</head>
<body>
<table width=100%>
<tr>
<th colspan="3">lievelingskleur</th>
</tr>
<tr>
<td class="even" onClick="setvar1(blauw)">blauw</td>
<td class="oneven" onClick="setvar1(groen)">groen</td>
<td class="even" onClick="setvar1(rood)">rood</td>
</tr>
<tr>
<th colspan="3">lievelingsdier</th>
</tr>
<tr>
<td class="oneven" onClick="setvar2(kat)">kat</td>
<td class="even" onClick="setvar2(hond)">hond</td>
<td class="oneven" onClick="setvar2(kip)">kip</td>
</tr>
<tr>
<th colspan="3">lievelingseten</th>
</tr>
<tr>
<td class="even" onClick="setvar3(patat)">patat</td>
<td class="oneven" onClick="setvar3(thais)">thais</td>
<td class="even" onClick="setvar3(spaans)">spaans</td>
</tr>
</table>
<p><a href="javascript:reken()">klik hier</a></p>
</body>
</html>
Laatst bewerkt door een moderator:
