Inline-Scripting - Fluch oder Segen

Kurz gesagt: Ja Ihr solltet auf Inline-Scripting verzichten wenn möglich.
Da es bei Validierungen als Gefährdung eingestuft wird, verzichtet möglichst auf: <a href="url" onclick="myFunction()"> oder <a href="url" style="border-color:blue;">.
Das heißt, wir müssen unsere CSS- und JS-Skrtipte nach außen auslagern. Für CSS sollte dies kein Problem darstellen, aber für JavaScript sieht das schon anders aus.
Aber es gibt eine Lösung: die Methode addEventListener(event, function, Capture).
In unserem Beispiel haben wir ein DIV mit der Klasse "clickMe". dem ich einen Klick-Event zuweisen möchte.
Wir öffnen dazu ein alert().

Kopiert Euch gerne den Code und probiert es aus :-)

// Element festlegen
let b1_divElem = document.querySelector('.clickMe');

// EventListener zuweisen
b1_divElem.addEventListener('click',myFunction);

// Die Funktion welche ausgeführt werden muss
function myFunction(){
	alert('Hallo Welt');
}