<!DOCTYPE html>
<html>
<head>
<title>Sanne Arendshorst</title>
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,JavaScript">
<meta name="author" content="Sanne Arendshorst">
<script>
Function rekenuit(){
Alert(“hallo”);
Var L = document.getElementById(“lengte”).value;
Alert(L);
Var B = document.getElementById(“breedte”).value;
Var x = L * B;
Document.getElementById(‘demo’).innerHTML = x; }
</script>
<style>
Body{
Color:darkgray;
Background-color:rgb(30,20,10);
Font-family:arial;
Font-size: 12px;}
H1{
Font-size:20px
Font-weight:bold;
Tekst-decoration: underline;}
H2{
Font-size:16px;}
</style>
</head>
<body>
<h1>Digitale Toets</h1>
<h2>rechthoek</h2>
Lengte: <input type=”text” id=”lengte”> (in cm)
<br>
Breedte: <input type=”text” id=”breedte”> (in cm)
<br>
Opp. <input type=”radio” id=”kies’ name=”kies” value=1>
Omtrek <input type=”radio” id=”kies” name=”kies” value=2>
<br>
<button onclick=”rekenuit(); “>kies mij</button>
<br>
Het antwoord is: <p id=”demo”></p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Sanne Arendshorst</title>
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,JavaScript">
<meta name="author" content="Sanne Arendshorst">
</head>
<body>
<h1>Digitale Toets</h1>
<h2>rechthoek</h2>
Lengte: <input type=”text” id=”lengte”> (in cm)
<br>
Breedte: <input type=”text” id=”breedte”> (in cm)
<br>
Opp. <input type=”radio” id=”kies’ name=”kies” value=1>
Omtrek <input type=”radio” id=”kies” name=”kies” value=2>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Sanne Arendshorst</title>
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,JavaScript">
<meta name="author" content="Sanne Arendshorst">
<style>
Body
{Color:darkgray;
Background-color:rgb(30,20,10); }
</style>
</head>
<body>
<h1>Digitale Toets</h1>
<h2>rechthoek</h2>
Lengte: <input type=”text” id=”lengte”> (in cm)
<br>
Breedte: <input type=”text” id=”breedte”> (in cm)
<br>
Opp. <input type=”radio” id=”kies’ name=”kies” value=1>
Omtrek <input type=”radio” id=”kies” name=”kies” value=2>
<br>
<button onclick=”rekenuit(); “>kies mij</button>
<br>
Het antwoord is: <p id=”demo”></p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Sanne Arendshorst</title>
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,JavaScript">
<meta name="author" content="Sanne Arendshorst">
<style>
Body{
Color:darkgray;
Background-color:rgb(30,20,10);
Font-family:arial;
Font-size: 12px;
}
H1{
Font-size:20px
Font-weight:bold;
Tekst-decoration: underline; }
H2{
Font-size:16px; }
</style>
</head>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Sanne Arendshorst</title>
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,JavaScript">
<meta name="author" content="Sanne Arendshorst">
Body{ Color:darkgray;}
</style>
</head>
<body>
<h1>Digitale Toets</h1>
<h2>rechthoek</h2>
Lengte: <input type=”text” id=”lengte”> (in cm)
<br>
Breedte: <input type=”text” id=”breedte”> (in cm)
<br>
Opp. <input type=”radio” id=”kies’ name=”kies” value=1>
Omtrek <input type=”radio” id=”kies” name=”kies” value=2>
<br>
<button onclick=”rekenuit(); “>kies mij</button>
<br>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<script>
Function rekenuit(){
Document.getElementById(‘demo’).innerHTML = Date(); }
</script>
</head>
<body>
<h2>My First JavaScript</h2>
<button type=”button”
onclick=”rekenuit()”; “>druk</button>
<p id=”demo”></p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Sanne Arendshorst</title>
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,JavaScript">
<meta name="author" content="Sanne Arendshorst">
<script>
Function rekenuit(){
Var L = document.getElementById(“lengte”).value;
Var x = L * B;
Document.getElementById(‘demo’).innerHTML = “hallo allemaal!”; }
</script>
<style>
Body{
Color:darkgray;
Background-color:rgb(30,20,10);
Font-family:arial;
Font-size: 12px;}
H1{
Font-size:20px
Font-weight:bold;
Tekst-decoration: underline;}
H2{
Font-size:16px;}
</style>
</head>
<body>
<h1>Digitale Toets</h1>
<h2>rechthoek</h2>
Lengte: <input type=”text” id=”lengte”> (in cm)
<br>
Breedte: <input type=”text” id=”breedte”> (in cm)
<br>
Opp. <input type=”radio” id=”kies’ name=”kies” value=1>
Omtrek <input type=”radio” id=”kies” name=”kies” value=2>
<br>
<button onclick=”rekenuit(); “>kies mij</button>
<br>
Het antwoord is: <p id=”demo”></p>
</body>
</html>
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default
Button: https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_button_test
Author https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_meta_name
REACTIES
1 seconde geleden