Hallo webdesigners,
Ik heb een pagina gemaakt met behulp van CSS en Javascript maar het komt er niet erg mooi op te staan.
De pagina is lichtblauw met een oranje div met een button er in, de button is gecentreerd met <br /> omdat CSS geen verticale
text positionering heeft, de button heeft als onClick functie button(). button() heeft in zijn functie allemaal rekenmachientjes die ik gemaakt
heb met javascript waarvan de getallen gevraagd worden met prompten. Als je op de button klikt laadt de pagina een nieuwe pagina met daarin de
opdrachten, maar ik wil dat javascript de functie op dezelfde pagina doet, in de oranje div. zodat het resultaat komt in de oranje div.
Ik hoop hiermee mijn probleem voldoende te hebben uitgelegd zodat ik goed geholpen kan worden,
Groeten, javascript fan.
(hieronder mijn pagina)
[code:3n83y2ne]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD...td">
<html xmlns="http://
www.w3.org/1999/xhtml">
<head>
<title>Titel</title>
<style type="text/css">
body { font-family: arial; background-color: lightblue; }
#div1 { height: 600px; width: 800px; background-color: orange; margin: auto; text-align: center; }
</style>
<!--<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=4.0, transition=2)">
<meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=4.0, transition=2)">
<META HTTP-EQUIV="REFRESH" CONTENT="5; opdrachten hoofdstuk 2 bewerked.html">-->
</head>
<body>
<div id="div1"> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<input type="button" value="click" onClick="button()" />
<script type="text/javascript">
function button()
{
//Hier begin ik Opdracht 1//
document.write('<b>Opdracht 1</b> <br />');
var getal1=prompt('Voer getal 1 in', '5');
var getal2=prompt('Voer getal 2 in', '3');
getal1klaar=parseInt(getal1);
getal2klaar=parseInt(getal2);
var uitkomst=(getal1klaar + getal2klaar);
document.write('De som van '+ getal1klaar + ' + ' + getal2klaar + ' = ' + uitkomst);
//Hier begin ik Opdracht 2//
document.write('<br /><b>Opdracht 2</b><br />');
var gebrokengetal1=prompt('Voer gebroken getal 1 in', '0.5');
var gebrokengetal2=prompt('Voer gebroken getal 2 in', '0.3');
gebrokengetal1klaar=parseFloat(gebrokengetal1);
gebrokengetal2klaar=parseFloat(gebrokengetal2);
var gebrokenuitkomst=(gebrokengetal1klaar + gebrokengetal2klaar);
document.write('De som van ' + gebrokengetal1 + ' + ' + gebrokengetal2 + ' = ' + gebrokenuitkomst);
//hier begin ik Opdracht 3//
document.write('<br /><b>Opdracht 3</b><br />');
function berekenen(a, b)
{
var maalresultaat = parseFloat(a) * parseFloat(b);
return maalresultaat;
}
var maalgetal1 = prompt('Typ getal 1 ', '5');
var maalgetal2 = prompt('Typ getal 2 ', '3');
var antwoord = berekenen (maalgetal1, maalgetal2);
document.write('Het antwoord van ' + maalgetal1 + ' × ' + maalgetal2 + ' = ' +antwoord);
}
</script>
</div>
</body>
</html>[/code:3n83y2ne]
