<!DOCTYPE html>
<html lang="fr">
	<head>
		<meta charset="utf-8"/>
		<title>Exemple</title>
	</head>
	<body>
		<p>Bonjour!</p>
		<script>
            console.log('A');
			var para=document.querySelector('p');
            console.log('B');
			para.addEventListener('click',exemple);
            console.log('C');
			function exemple() 
			{
                console.log('D');
			}
            console.log('E');
		</script>
	</body>
</html>

Quel est l'ordre ?