Cursus Javascript: oefeningen op functies, String, Number, Math, Date

Toepassing: cirkel

Vul een variabele met een integer waarde die de straal van een cirkel bevat.
Maak een functie omtrek en een functie oppervlakte
Breng de straal, omtrek en oppervlakte van de cirkel op het scherm

Toon /verberg

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
	<title>Javascript: oefening objecten</title>
	<link rel="stylesheet" type="text/css" href="vb.css">
<script type="text/javascript">
<!--
function omtrek(r){
	return 2 * r * Math.PI;
}

function oppervlakte(r){
	return Math.pow(r,2) * Math.PI;
}
-->
</script>
</head>

<body>
<h1>Oefening objecten</h1>
<script type="text/javascript">
<!--
var straal = 5;
document.write("straal: " +straal);
document.write("<br>omtrek: " +omtrek(straal));
document.write("<br>oppervlakte: " +oppervlakte(straal));
-->
</script>
</body>
</html>

Toepassing: cirkel 2

Zorg ervoor dat de omtrek en oppervlakte worden afgerond tot 2 decimalen

Toon /verberg

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
	<title>Javascript: oefening objecten</title>
	<link rel="stylesheet" type="text/css" href="vb.css">
<script type="text/javascript">
<!--
function omtrek(r){
	return 2 * r * Math.PI;
}

function oppervlakte(r){
	return Math.pow(r,2) * Math.PI;
}

function afronden(getal,dec){
	getal = getal * Math.pow(10,dec);
	getal = Math.round(getal);
	getal = getal / Math.pow(10,dec);
	return getal;
}
-->
</script>
</head>

<body>
<h1>Oefening objecten</h1>
<script type="text/javascript">
<!--
var straal = 5;
document.write("straal: " +straal);
document.write("<br>omtrek: " +afronden(omtrek(straal),2));
document.write("<br>oppervlakte: " +afronden(oppervlakte(straal),2));
-->
</script>
</body>
</html>

Toepassing: dobbelstenen

Maak een toepassing die het gooien met twee dobbelstenen simuleert
De afbeeldingen:

Toon /verberg

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
	<title>Javascript: oefening objecten</title>
	<link rel="stylesheet" type="text/css" href="vb.css">
<script type="text/javascript">
<!--
function dobbelgetal(){
	return parseInt(Math.random() * 6) + 1
}

function gooien(){
	window.location.href = window.location.pathname;
}

-->
</script>
</head>

<body>
<h1>Oefening objecten</h1>

<script type="text/javascript">
<!--
var steen1 = dobbelgetal();
var steen2 = dobbelgetal();
var totaal = steen1 + steen2;
document.write("<img src=\"dobbel" +steen1 +".gif\">");
document.write("<p><img src=\"dobbel" +steen2 +".gif\">");
document.write("<p style=\"margin-top:20px;padding-top:20px;width:100px;border:solid;border-width:1px 0px 0px 0px\">Totaal: <b>" +totaal +"</b>");
-->
</script>
<p><input type="button" value="nogmaals gooien" onclick="gooien()">
</body>
</html>

Javascript : oefeningen op functies, String, Number, Math, Date