Theo-denBlanken/thisKnop.html

## thisKnop.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>this bij enkele knoppen</title>
</head>
<body>
    <h1>Klik op elk van deze knoppen en kijk in de console</h1>
    <button>knop EEN</button> <br>
    <button>knop TWEE</button> <br>
    <button>knop DRIE</button> <br>
    <button>knop VIER</button>

    <script>
        const alleKnoppen = document.getElementsByTagName('button');

        verwerkKnopKlik = function(e) {
            // e.preventDefault();
            console.log(this.innerHTML);
            this.style.backgroundColor = 'red';
        }

        for(let i=0; i<alleKnoppen.length; i++) {
            alleKnoppen[i].addEventListener('click', verwerkKnopKlik);
        }
    </script>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>this bij enkele knoppen</title>
	</head>
	<body>
	<h1>Klik op elk van deze knoppen en kijk in de console</h1>
	<button>knop EEN</button> <br>
	<button>knop TWEE</button> <br>
	<button>knop DRIE</button> <br>
	<button>knop VIER</button>

	<script>
	const alleKnoppen = document.getElementsByTagName('button');

	verwerkKnopKlik = function(e) {
	// e.preventDefault();
	console.log(this.innerHTML);
	this.style.backgroundColor = 'red';
	}

	for(let i=0; i<alleKnoppen.length; i++) {
	alleKnoppen[i].addEventListener('click', verwerkKnopKlik);
	}
	</script>
	</body>
	</html>