javascript-loops/index.html at main · davidvandenbor/javascript-loops · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="stylesheet" href="style.css" />

		<title>Mijn eerste webpagina</title>
	</head>

	<body>
		<h1>Javascript loops</h1>
		<p>de <strong>for_of loop</strong> wordt gebruikt om met een loop bestaande elementen aan te passen of te wijzigen, en de <strong>incremental loop</strong> wordt gebruikt om met een loop uit het niets nieuwe elementen te creëren!</p>

		<h2>Bestaande elementen manipuleren (For_of loop)</h2>
		<h3>Dit wordt gewijzigd!</h3>
		<h3>Dit wordt gewijzigd!</h3>
		<h3>Dit wordt gewijzigd!</h3>
		<h3>Dit wordt gewijzigd!</h3>
		<h3>Dit wordt gewijzigd!</h3>
		<h3>Dit wordt gewijzigd!</h3>

		<h2>Bestaande elementen manipuleren (For_of loop)</h2>
		<section class="blokjes"></section>
		<section class="blokjes"></section>
		<section class="blokjes"></section>
		<section class="blokjes"></section>

		<h2>Bestaande elementen selecteren (For_of loop)</h2>
		<section class="balletjes"></section>
		<section class="balletjes"></section>
		<section class="balletjes"></section>
		<section class="balletjes"></section>

		<h2>Nieuwe elementen creëren (Incremental loop)</h2>
		<section id="landschap"></section>

		<script src="scripts.js"></script>
	</body>
</html>