| |
Antwoorden opgaven hoofdstuk 16
|
|
|
| 1a. |
<HTML>
<HEAD>
<TITLE>Opgave 1a</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" >
var voornaam = prompt("Wat is je voornaam?", "");
var achternaam = prompt("En wat is je achternaam?", "");
document.write('Hallo, dus jij heet ' + voornaam + ' ' + achternaam);
</SCRIPT>
</HEAD>
<BODY> </BODY>
</HTML>
|
| b. |
<HTML>
<HEAD>
<TITLE>Opgave 1b</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" >
document.write('Jij gebruikt ' + navigator.appName + '<BR>');
document.write('De titel van deze pagina is: ' + document.title );
</SCRIPT>
</HEAD>
<BODY> </BODY>
</HTML>
|
| c. |
<HTML>
<HEAD>
<TITLE>Opgave 1c</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" >
var d = new Date();
var datum = d.getDate() + '-' + (d.getMonth() + 1) + '-' + d.getYear();
document.write('Hallo, het is vandaag ' + datum);
window.status = 'Rienk van der Beek';
</SCRIPT>
</HEAD>
<BODY> </BODY>
</HTML>
|
|
|
| 2a. |
<HTML>
<HEAD>
<TITLE>Opgave 2a</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" >
var antwoord = prompt("hoeveel is 24 + 35?", "");
if (antwoord=='59')
{ document.write('Goedzo!'); }
else
{ document.write('Fout, sukkel!'); }
</SCRIPT>
</HEAD>
<BODY> </BODY>
</HTML>
|
| b. |
<HTML>
<HEAD>
<TITLE>Opgave 2b</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" >
var inkoop = prompt("Wat is het aankoopbedrag?", "");
var verkoop = prompt("En wat is het verkoopbedrag?", "");
winst=verkoop - inkoop;
if ( winst >= 0)
{ document.write('De winst is '+winst); }
else
{ document.write('Het verlies is '+ -1*winst); }
</SCRIPT>
</HEAD>
<BODY> </BODY>
</HTML>
|
| c. |
<HTML>
<HEAD>
<TITLE>Opgave 2c</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" >
function geeftijd()
{
var d = new Date();
var tijd = d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
window.alert('Het is ' + tijd);
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<INPUT type="button" value="Geef de tijd!" onClick="geeftijd()" >
</FORM>
</BODY>
</HTML>
|
|
|
| 3a. |
<HTML>
<HEAD>
<TITLE>Opgave 3a</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" >
for (var i = 1; i < 11; i++)
{
document.write(i + " x 7 =" + i*7 + "<br>");
}
</SCRIPT>
</HEAD>
<BODY> </BODY>
</HTML>
|
| b. |
<HTML>
<HEAD>
<TITLE>Opgave 3b</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" >
var getal = prompt("Van welk getal wil je de tafel zien?", "");
document.write("<table border=1>");
for (var i = 1; i< 11; i++)
{
document.write("<tr><td>"+ i + "</td><td> x </td>");
document.write("<td>" + getal + "</td><td> = </td>");
document.write("<td>" + i*getal + "</td></tr><br>");
}
document.write("</table>");
</SCRIPT>
</HEAD>
<BODY> </BODY>
</HTML>
|
| c. |
<HTML>
<HEAD>
<TITLE>Opgave 3c</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" >
function kleur1()
{
document.getElementById("lclink").style.color='#ff0000';
document.getElementById("lclink").style.backgroundColor='#ffff00';
}
function kleur2()
{
document.getElementById("lclink").style.color='#ffff00';
document.getElementById("lclink").style.backgroundColor='#ff0000';
}
</SCRIPT>
</HEAD>
<BODY>
<A HREF="lcinformatica.nl" onMouseOver="kleur1();" onMouseOut="kleur2();" id="lclink">
Naar de informaticapagina</a>
</BODY>
</HTML>
|
| d. |
<HTML>
<HEAD>
<TITLE>Opgave 3d</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" >
var getal=1;
var aantal=0;
while (getal!='0')
{
getal = prompt("Geef een getal (0 = stoppen)", "");
if (getal=='0')
{ document.write('Je hebt ' + aantal + ' getallen ingevoerd.'); }
else
{ aantal = 1*aantal + 1; }
}
</SCRIPT>
</HEAD>
<BODY> </BODY>
</HTML>
|
|
|
| 4a. |
<HTML>
<HEAD>
<TITLE>Opgave 4a</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" >
function kleurachtergrond()
{ document.bgColor=document.formulier.kleur.value; }
</SCRIPT>
</HEAD>
<BODY>
<FORM name="formulier">
Geef een kleur (in het engels) <INPUT type="text" name="kleur" >
<br><INPUT type="button" value="Kleur!" onClick="kleurachtergrond()" >
</FORM>
</BODY>
</HTML>
|
| b. |
<HTML>
<HEAD>
<TITLE>Opgave 4b</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" >
function voeruit()
{ var i = document.formulier.pulldown.selectedIndex;
if (i==0) {document.bgColor="#ff0000";}
if (i==1) {document.fgColor="#0000ff";}
if (i==2) {window.status="Optie 3 is gekozen";}
}
</SCRIPT>
</HEAD>
<BODY>
<FORM name="formulier">
<SELECT NAME="pulldown" size=3 onClick="voeruit()";>
<OPTION VALUE="rood"> rood
<OPTION VALUE="blauw"> blauw
<OPTION VALUE="statusbalk"> statusbalk
</SELECT>
</FORM>
</BODY>
</HTML>
|
| c. |
<HTML>
<HEAD>
<TITLE>Opgave 4c</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" >
function geefantwoord()
{ document.getElementById("antwoord").style.display="block"; }
</SCRIPT>
</HEAD>
<BODY>
In welke plaats vindt Pinkpop plaats?<br>
<div id="antwoord" style="display='none'">In Landgraaf<br></div>
<br>
<FORM>
<INPUT type="button" value="Geef het antwoord!" onClick="geefantwoord()" >
</FORM>
</BODY>
</HTML>
|
| d. |
<HTML>
<HEAD>
<TITLE>Opgave 4d</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" >
function test()
{
var vn = document.formulier.voornaam.value;
var an = document.formulier.achternaam.value;
if (vn == "" || an == "")
{
alert ("Vul je voornaam en/of achternaam in!");
document.formulier.voornaam.focus();
return false;
}
else
{ return true; }
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="formulier" onSubmit="return test();">
Voornaam: <INPUT TYPE="text" NAME="voornaam"><br>
Achternaam: <INPUT TYPE="text" NAME="achternaam"><br>
<INPUT TYPE="submit" VALUE="Opsturen">
</FORM>
</BODY>
</HTML>
|
|
|
| 5a. |
<HTML>
<HEAD>
<TITLE>Opgave 5a</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" >
var g1=0;
var g2=0;
var g3=0;
function som()
{
g1 = Math.round ( Math.random() * 6 + 5);
g2 = Math.round ( Math.random() * 6 + 5);
document.formulier.som.value = g1 + " + " + g2 + " =";
}
function test()
{
var ok = true;
var invoer = formulier.antwoord.value;
var g3=parseInt(invoer);
if (g3==g1+g2) {alert ("Goedzo!");} else {alert ("Fout!");}
}
</SCRIPT>
</HEAD>
<body onLoad="som()" >
<form name="formulier">
Vul in:
<input type="text" name="som" size="6">
<input type="text" name="antwoord" value="" size="2">
<input type="button" value="Controleer" onClick="test()">
</form>
</BODY>
</HTML>
|
| b. |
<HTML>
<HEAD>
<TITLE>Opgave 5b</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" >
var g=1
function verhoog()
{
g = g+1;
g2 = Math.round ( Math.random() * 6 + 5);
document.formulier.getal.value = g;
setTimeout("verhoog()", 1000);
}
</SCRIPT>
</HEAD>
<body onLoad="setTimeout('verhoog()', 1000);" >
<form name="formulier">
<input type="text" name="getal" value=1 size="6">
</form>
</BODY>
</HTML>
|
| c. |
<HTML>
<HEAD>
<TITLE>Opgave 5c</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" >
function draaiom()
{
var n = document.formulier.naam.value;
var sp = n.indexOf(" ");
var vn = n.substr(0, sp);
var an = n.substr(sp+1);
document.formulier.omgedraaid.value = an + " " + vn;
}
</SCRIPT>
</HEAD>
<BODY>
<FORM name="formulier">
Voornaam + achternaam: <input type="text" name="naam" size="30"><br>
<input type="button" value="Draai om" onClick="draaiom()"><br>
Achternaam + voornaam: <input type="text" name="omgedraaid" size="30"><br>
</FORM>
</BODY>
</HTML>
|
|
|
| 6a. |
Maak de volgende drie html-documenten:
<HTML>
<HEAD>
<TITLE>Opgave 6a</TITLE>
</HEAD>
<FRAMESET cols="40%,60%">
<FRAME src="kolom1.htm" name="links">
<FRAME src="kolom2.htm" name="rechts">
</FRAMESET>
</HTML>
Het volgende document sla je op onder de naam KOLOM1.HTM:
<HTML>
<HEAD>
<TITLE>Opgave 6c</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" >
function kleurrood()
{
parent.rechts.document.bgColor="#FF0000";
}
function nieuw()
{
parent.rechts.document.write ("<H1>Dit is de nieuwe tekst</H1>");
}
</SCRIPT>
</HEAD>
<body>
<form>
<input type="button" value="Kleur rechts rood" onClick="kleurrood()"><br>
<input type="button" value="Nieuwe tekst" onClick="nieuw()"><br>
</form>
</BODY>
</HTML>
En het volgende document sla je op onder de naam KOLOM2.HTM:
<HTML>
<HEAD>
<TITLE>Opgave 6a</TITLE>
</HEAD>
<body>
<h1>Dit is het rechter frame</h1>
</BODY>
</HTML>
|
|
|
| 7a. |
<HTML><HEAD><TITLE>Opgave 7a</TITLE></head>
<body>
<?php
$datum = date("d-m-Y");
print ("Het is vandaag $datum <br>");
print ("Het IP-adres van deze computer is: ");
print ("$_SERVER[REMOTE_ADDR] <br>");
?>
</body></html>
|
| b. |
<HTML><HEAD><TITLE>Opgave 7b</TITLE></head>
<body>
<?php
$maand = date("n");
print ("We zitten in de maand ");
switch ($maand)
{
case 1: print ("januari");break;
case 2: print ("februari");break;
case 3: print ("maart");break;
case 4: print ("april");break;
case 5: print ("mei");break;
case 6: print ("juni");break;
case 7: print ("juli");break;
case 8: print ("augustus");break;
case 9: print ("september");break;
case 10: print ("oktober");break;
case 11: print ("november");break;
case 12: print ("december");break;
}
?>
</body></html>
|
|
|
| 8a. |
<HTML><HEAD><TITLE>Opgave 8a</TITLE></head>
<body>
<?php
for ($i=1;$i<11;$i++)
{
$antwoord = $i * 23;
print ("$i x 23 = $antwoord <br>");
}
?>
</body></html>
|
| b. |
<HTML><HEAD><TITLE>Opgave 8b</TITLE></head>
<body>
<?php
Geef je geboortejaar en - dag:
<select name="jaar" size="1">
<?php
for ($i=1950;$i<2001;$i++)
{
print("<option value=\"$i\"> $i </option>\n");
}
print ("</select>");
?>
<select name="dag" size="1">
<option value="zondag"> zondag </option>
<option value="maandag"> maandag </option>
<option value="dinsdag"> dinsdag </option>
<option value="woensdag"> woensdag </option>
<option value="donderdag"> donderdag </option>
<option value="vrijdag"> vrijdag </option>
<option value="zaterdag"> zaterdag </option>
</select>
?>
</body></html>
|
|
|
| 9a. |
Voer eerst het volgende html-document in:
<HTML>
<HEAD>
<TITLE>Opgave 9</TITLE>
</HEAD>
<BODY>
<FORM ACTION="verwerkopg9.php" NAME="formulier" method=POST>
Vul je naam in: <INPUT TYPE="text" NAME="naam"><br><br>
Wat is de hoofdstad van Duisland?<br><br>
<input type="radio" name= "hoofdstad" value="Bonn"> Bonn<br>
<input type="radio" name= "hoofdstad" value="Berlijn"> Berlijn<br>
<input type="radio" name= "hoofdstad" value="Dortmund"> Dortmund<br><br>
<INPUT TYPE="submit" name="verzend" VALUE="verzend"><BR>
</FORM>
</BODY>
</HTML>
Voer daarna het volgende php-document in, en noem het verwerkopg9.php:
<HTML><HEAD><TITLE>Opgave 9a</TITLE></head>
<body>
<?php
$naam=$_POST[naam];
$stad=$_POST[hoofdstad];
print ("Hallo, <b>$naam </b>.");print ("<br>");
print ("Je antwoord op de vraag was: <b>$stad </b>.");print ("<br>");
if ($stad=="Berlijn")
{ print ("Dat is prima!"); }
else
{ print ("Dat is helaas niet goed!"); }
?>
</body></html>
|
| b. |
Laat het eerste html-document van opgave 9a gelijk
En verander het php-document verwerkopg9.php als volgt:
<HTML><HEAD><TITLE>Opgave 9b</TITLE></head>
<body>
<?php
$naam=$_POST[naam];
$stad=$_POST[hoofdstad];
if ($naam=="")
{ print ("Vul wel je naam in, ga terug!"); }
elseif (!isset($_POST[hoofdstad]))
{ print ("Vink wel de hoofdstad aan, ga terug!"); }
else
{
print ("Hallo, <b>$naam </b>.");print ("<br>");
print ("Je antwoord op de vraag was: <b>$stad </b>.");print ("<br>");
if ($stad=="Berlijn")
{ print ("Dat is prima!"); }
else
{ print ("Dat is helaas niet goed!"); }
}
?>
</body></html>
|
| c. |
Het html-document van opgave 9a kan vervallen
En verander het php-document verwerkopg9.php als volgt:
(je moet Do wel even in Dortmund verandern)
<HTML><HEAD><TITLE>Opgave 9c</TITLE></head>
<body>
<?php
$naam=$_POST[naam];
$stad=$_POST[hoofdstad];
if (!isset($_POST[naam]) && !isset($_POST[hoofdstad]) )
{
?>
<FORM ACTION="verwerkopg9.php" NAME="formulier" method=POST>
Vul je naam in: <INPUT TYPE="text" NAME="naam"><br><br>
Wat is de hoofdstad van Duisland?<br><br>
<input type="radio" name= "hoofdstad" value="Bonn"> Bonn<br>
<input type="radio" name= "hoofdstad" value="Berlijn"> Berlijn<br>
<input type="radio" name= "hoofdstad" value="Dortmund"> Dortmund<br><br>
<INPUT TYPE="submit" name="verzend" VALUE="verzend" ><BR>
</FORM>
<?php
}
elseif ($naam=="")
{
print ("<FORM ACTION=\"verwerkopg9.php\" NAME=\"formulier\" method=POST>");
print ("Vul je naam in: <INPUT TYPE=\"text\" NAME=\"naam\"><br><br>");
print ("Wat is de hoofdstad van Duisland?<br><br>");
if ($stad=="Bonn")
{ print ("<input type=\"radio\" name=\"hoofdstad\" value checked=\"Bonn\">Bonn<br>");}
else
{print ("<input type=\"radio\" name=\"hoofdstad\" value=\"Bonn\"> Bonn<br>");}
if ($stad=="Berlijn")
{print ("<input type=\"radio\" name=\"hoofdstad\" value checked=\"Berl\">Berl<br>");}
else
{ print ("<input type=\"radio\" name=\"hoofdstad\" value=\"Berlijn\">Berl<br>"); }
if ($stad=="Dortmund")
{print ("<input type=\"radio\" name=\"hoofdstad\" value checked=\"Do\">Do<br>");}
else
{print ("<input type=\"radio\" name=\"hoofdstad\" value=\"Do\">Do<br><br>");}
print ("<INPUT TYPE=\"submit\" name=\"verzend\" VALUE=\"verzend\" ><BR>");
print ("</FORM>");
print ("<br><font color=\"#FF0000\">Vul wel je naam in!</font>");
}
elseif (!isset($_POST[hoofdstad]))
{
print ("<FORM ACTION=\"verwerkopg9.php\" NAME=\"formulier\" method=POST>");
print ("Vul je naam in: <INPUT TYPE=\"text\" NAME=\"naam\"><br><br>");
print ("Wat is de hoofdstad van Duisland?<br><br>");
print ("<input type=\"radio\" name=\"hoofdstad\" value=\"Bonn\"> Bonn<br>");
print ("<input type=\"radio\" name=\"hoofdstad\" value=\"Berlijn\">Berlijn<br>");
print ("<input type=\"radio\" name=\"hoofdstad\" value=\"Dortm\"> Dortm<br>");
print ("<INPUT TYPE=\"submit\" name=\"verzend\" VALUE=\"verzend\" ><BR>");
print ("</FORM>");
print ("<br><font color=\"#FF0000\">Vink wel de hoofdstad aan!</font>");
}
else
{
print ("Hallo, <b>$naam </b>.");print ("<br>");
print ("Je antwoord op de vraag was: <b>$stad </b>.");print ("<br>");
if ($stad=="Berlijn")
{ print ("Dat is prima!"); }
else
{ print ("Dat is helaas niet goed!"); }
}
?>
</body></html>
|
|
|
| 10a. |
Voer eerst het volgende html-document in:
<HTML>
<HEAD>
<TITLE>Gegevens invoeren</TITLE>
</HEAD>
<BODY>
<FORM ACTION="verwerkopg10.php" NAME="formulier" method=POST>
Vul je naam in: <INPUT TYPE="text" NAME="naam"><br>
En je geboortedatum: <INPUT TYPE="text" NAME="geboortedatum"><br>
<INPUT TYPE="submit" name="verzend" VALUE="verzend"><BR>
</FORM>
</BODY>
</HTML>
Voer daarna het volgende php-document in, en noem het verwerkopg10.php:
<HTML><HEAD><TITLE>Opgave 10a</TITLE></head>
<body>
<?php
$naam=$_POST[naam];
$geb=$_POST[geboortedatum];
$a=fopen("GEGEVENS.TXT","a");
if ($a)
{
fwrite($a,"$naam\n");
fwrite($a,"$geb\n");
fclose($a);
}
?>
</body></html>
|
| b. |
<HTML><HEAD><TITLE>Opgave 10b</TITLE></head>
<body>
<?php
$Open=fopen("gegevens.txt","r");
if ($Open)
{
$b=file("gegevens.txt");
for ($i=0;$i<count($b);$i++)
{
print("$b[$i]"); print(" ");
}
}
fclose($Open);
?>
</body></html>
|