Beste,
Het gaat om een huiswerkles van de NHA (31 webdesign) ik probeer van alles maar krijg geen alert venster.
hieronder mijn pogingen tot nu.
1.
2.
3.
Ik hoor graag van jullie, alvast bedankt.
Dirk
Het gaat om een huiswerkles van de NHA (31 webdesign) ik probeer van alles maar krijg geen alert venster.
hieronder mijn pogingen tot nu.
1.
HTML:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Huiswerk les 31</title>
<script type="text/javascript">
<!--
//variabelen
var varkleur1="blauw";//kleur rij 1
var varkleur2="groen";//kleur rij 1
var varkleur3="rood";//kleur rij 1
var vardier1="kat";//dier rij 2
var vardier2="hond";//dier rij 2
var vardier3="kip";//dier rij 2
var vareten1="friet";//eten rij 3
var vareten2="thais";//eten rij 3
var vareten3="spaans";//eten rij 3
//keuze maken uit de variabelen in de tabel (function)
function setkleur1=(tekst) {varkleur="blauw";}
function setkleur2=(tekst) {varkleur="groen";}
function setkleur3=(tekst) {varkleur="rood";}
function setdier1=(tekst) {vardier="kat";}
function setdier2=(tekst) {vardier="hond";}
function setdier3=(tekst) {vardier="kip";}
function seteten1=(tekst) {vareten="friet";}
function seteten2=(tekst) {vareten="thais";}
function seteten3=(tekst) {vareten="spaans";}
//laat het resultaat zien van de keuzes
function kijken(){
window.alert("U loopt het liefst gekleed in het" + varkleur + "\nmet de" + vardier + "\nnaar een etenstent voor" + vareten +);
}
-->
</script>
</head>
<body>
<table style="width: 800px;" border="0">
<tbody>
<tr>
<td style="width: 40%; height: 30px; background-color: #ffcc66;">Uw
lievelingskleur is:</td>
<td style="width: 20%; height: 30px; background-color: #33ccff;" onclick="setkleur1('blauw')">blauw</td>
<td style="width: 20%; height: 30px; background-color: #33cc00;" onclick="setkleur2('groen')">groen</td>
<td style="width: 20%; height: 30px; background-color: red;" onclick="setkleur3('rood')">rood</td>
</tr>
<tr>
<td style="width: 40%; height: 30px; background-color: #ffcc66;">Uw
lieverlingsdier is:</td>
<td style="width: 20%; height: 30px; background-color: #66ff99;" onclick="setdier1('kat')">kat</td>
<td style="width: 20%; height: 30px; background-color: #ff6666;" onclick="setdier2('hond')">hond</td>
<td style="width: 20%; height: 30px; background-color: #66ffff;" onclick="setdier3('kip')">kip</td>
</tr>
<tr>
<td style="width: 40%; height: 30px; background-color: #ffcc66;">Uw
lievelingseten is:</td>
<td style="width: 20%; height: 30px; background-color: #ffcccc;" onclick="seteten1('friet')">friet</td>
<td style="width: 20%; height: 30px; background-color: #ccffff;" onclick="seteten2('thais')">Thais</td>
<td style="width: 20%; height: 30px; background-color: #99ff99;" onclick="seteten3('spaans')">Spaans</td>
</tr>
<tr>
<td><a href="javascript:void(kijken());">Klik hier</a><br>
</td>
<td><br>
</td>
<td><br>
</td>
<td><br>
</td>
</tr>
</tbody>
</table>
<p><br>
</p>
</body>
</html>
2.
HTML:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Huiswerk les 31</title>
<script type="text/javascript">
<!--
//variabelen
var varkleur1="blauw";//kleur rij 1
var varkleur2="groen";//kleur rij 1
var varkleur3="rood";//kleur rij 1
var vardier1="kat";//dier rij 2
var vardier2="hond";//dier rij 2
var vardier3="kip";//dier rij 2
var vareten1="friet";//eten rij 3
var vareten2="thais";//eten rij 3
var vareten3="spaans";//eten rij 3
//keuze maken uit de variabelen in de tabel (function)
function setkleur1=(tekst) {varkleur1=tekst;}
function setkleur2=(tekst) {varkleur2=tekst;}
function setkleur3=(tekst) {varkleur3=tekst;}
function setdier1=(tekst) {vardier1=tekst;}
function setdier2=(tekst) {vardier2=tekst;}
function setdier3=(tekst) {vardier3=tekst;}
function seteten1=(tekst) {vareten1=tekst;}
function seteten2=(tekst) {vareten2=tekst;}
function seteten3=(tekst) {vareten3=tekst;}
//laat het resultaat zien van de keuzes
function kijken(){
window.alert("U loopt het liefst gekleed in het" + varkleur + "\nmet de" + vardier + "\nnaar een etenstent voor" + vareten +);
}
-->
</script>
</head>
<body>
<table style="width: 800px;" border="0">
<tbody>
<tr>
<td style="width: 40%; height: 30px; background-color: #ffcc66;">Uw
lievelingskleur is:</td>
<td style="width: 20%; height: 30px; background-color: blue;" onclick="setkleur1(<'blauw')">blauw</td>
<td style="width: 20%; height: 30px; background-color: green;" onclick="setkleur2('groen')">groen</td>
<td style="width: 20%; height: 30px; background-color: red;" onclick="setkleur3('rood')">rood</td>
</tr>
<tr>
<td style="width: 40%; height: 30px; background-color: #ffcc66;">Uw
lieverlingsdier is:</td>
<td style="width: 20%; height: 30px; background-color: red" onclick="setdier1('kat')">kat</td>
<td style="width: 20%; height: 30px; background-color: blue" onclick="setdier2('hond')">hond</td>
<td style="width: 20%; height: 30px; background-color: green;" onclick="setdier3('kip')">kip</td>
</tr>
<tr>
<td style="width: 40%; height: 30px; background-color: #ffcc66;">Uw
lievelingseten is:</td>
<td style="width: 20%; height: 30px; background-color: green;" onclick="seteten1('friet')">friet</td>
<td style="width: 20%; height: 30px; background-color: red;" onclick="seteten2('thais')">Thais</td>
<td style="width: 20%; height: 30px; background-color: blue;" onclick="seteten3('spaans')">Spaans</td>
</tr>
<tr>
<td><a href="javascript:void(kijken());">Klik hier</a><br>
</td>
<td><br>
</td>
<td><br>
</td>
<td><br>
</td>
</tr>
</tbody>
</table>
<p><br>
</p>
</body>
</html>
3.
HTML:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Huiswerk les 31</title>
<style type="text/css">
<!--
td {width: 600px;}
td.rijEen {background-color:#CCCCFF;}
td.rijTwee {background-color:#9999FF;}
td.rijDrie {background-color:#CCCCFF;}
-->
</style>
<script type="text/javascript">
<!--
//variabelen
var var1=0;//de eerste rij met kleur
var var2=0;//de tweede rij met dier
var var3=0;//de derde rij met eten
function setvar1(tekst) {
var1=tekst;
}
function setvar2(tekst) {
var2=tekst;
}
function setvar3(tekst)
var3=tekst;
//laat het resultaat zien van de keuzes
function laatZien(){
window.alert("U loopt het liefst gekleed in het" + var1 + "\n met de" + var2 + "\n naar een etenstent voor" + var3 +);
}
-->
</script>
</head>
<body>
<table style="width: 800px">
<tbody>
<tr>
<td>Uw lievelingskleur is:</td>
<td class="rijEen" onclick="setvar1(blauw)">Blauw</td>
<td class="rijEen" onclick="setvar1(groen)">Groen</td>
<td class="rijEen" onclick="setvar1(rood)">Rood</td>
</tr>
<tr>
<td>Uw lievelingsdier is:</td>
<td class="rijTwee" onclick="setvar2(kat)">Kat</td>
<td class="rijTwee" onclick="setvar2(hond)">Hond</td>
<td class="rijTwee" onclick="setvar2(kip)">Kip</td>
</tr>
<tr>
<td>Uw lievelingseten is:</td>
<td class="rijDrie" onclick="setvar3(friet)">Friet</td>
<td class="rijDrie" onclick="setvar3(thais)">Thais</td>
<td class="rijDrie" onclick="setvar3(spaans)">Spaans</td>
</tr>
<tr>
<td><a href="javascript:void(LaatZien)();">Klik hier</a></td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
</body>
</html>
Ik hoor graag van jullie, alvast bedankt.
Dirk
Laatst bewerkt: