fritsvt/meta.html

## meta.html
<!DOCTYPE html>
<html>
<head>
  <title>Voorbeeld</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- Staat de onderstaande tag op de goede positie? -->
  <img src="https://ihate.space/AX6p91I.gif" alt="beschrijving">
</head>
<body>
  <p>html body</p>
</body>
</html>

## padding.css
/*
* Button styling
*/
#button {
  border: 1px solid black;
  background: #eee;
  padding: 10px 30px 15px 20px;
  transition: 200ms;
  color: #333;
  border-radius: 5px;
}
#button:hover {
  background: #333;
  color: #fff;
}

## reduce.js
const grades = [7, 8, 5];

const gradesSum = grades.reduce( (total, grade) => {
  return total + grade;
});

const finalGrade = (gradesSum / grades.length).toFixed(1);

// Wat zal er in de console komen te staan?
console.log(finalGrade);

## safety.js
// NIKS 18 leeftijd controle.
document.title = 'NIKS 18!';

const age = prompt('Wat is uw leeftijd?');

if (age < 18) {
    // De gebruiker is jonger dan 18
    alert('NIKS 18!');
} else {
    // De gebruiker is 18 of ouder
    alert('SAUFEN!');
}
	<!DOCTYPE html>
	<html>
	<head>
	<title>Voorbeeld</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- Staat de onderstaande tag op de goede positie? -->
	<img src="https://ihate.space/AX6p91I.gif" alt="beschrijving">
	</head>
	<body>
	<p>html body</p>
	</body>
	</html>
	/*
	* Button styling
	*/
	#button {
	border: 1px solid black;
	background: #eee;
	padding: 10px 30px 15px 20px;
	transition: 200ms;
	color: #333;
	border-radius: 5px;
	}
	#button:hover {
	background: #333;
	color: #fff;
	}
	const grades = [7, 8, 5];

	const gradesSum = grades.reduce( (total, grade) => {
	return total + grade;
	});

	const finalGrade = (gradesSum / grades.length).toFixed(1);

	// Wat zal er in de console komen te staan?
	console.log(finalGrade);
	// NIKS 18 leeftijd controle.
	document.title = 'NIKS 18!';

	const age = prompt('Wat is uw leeftijd?');

	if (age < 18) {
	// De gebruiker is jonger dan 18
	alert('NIKS 18!');
	} else {
	// De gebruiker is 18 of ouder
	alert('SAUFEN!');
	}