Einzeiliger Kommentar
Einzeilige Kommentare starten mit // Kommentare zwischen // und dem Ende der Zeile wird nicht ausgeführt. Dieses Beispiel verwendet einen einzeiligen Kommentar vor dem Code-Block. Mit dem einzeiligen Kommentar wird der Code-Block beschrieben um später den Code bei ev. Überarbeitung besser zu verstehen.
<!DOCTYPE html>
<html>
<body>
<h4 id="demo"></h4>
<script>
function chanceHeading(){
// Ausgabe bei der Überschrift h4
document.getElementById("demo").innerHTML = "JavaScript Kommentare";
}
</script>
<button class="myButton" type="button" onclick="chanceHeading()">Klick</button>
</body>
</html>
Mehrzeiliger Kommentar
Mehrzeilige Kommentare starten mit /* und enden mit */ . Dazwischen befindet sich der mehrzeilige Kommentar. Alles zwischen /* und */ wird von JavaScript ignoriert. Auch hier wird der Code-Block umschrieben für ein besseres Verständnis zu einem späteren Zeitpunkt.
<!DOCTYPE html>
<html>
<body>
<p id="demo_1"></p>
<script>
function chancePara(){
/*
Der Code unten wird die
Absatz mit der id = demo_1
verändern.
*/
document.getElementById("demo_1").innerHTML = "JavaScript Kommentare";
}
</script>
<button class="myButton" type="button" onclick="chancePara()">Klick</button>
</body>
</html>
Verhinderung der Codeausführung
Die Verwendung von Kommentaren zur Verhinderung der Codeausführung eignet sich zum Testen von Code. Durch das Hinzufügen von // vor einer Codezeile werden die Codezeilen von einer ausführbaren Zeile in einen Kommentar geändert. In diesem Beispiel wird // verwendet, um die Ausführung einer der Codezeilen zu verhindern:
<!DOCTYPE html>
<html>
<body>
<h4 id="demo_2"></h4>
<p id="demo_3"></p>
<script>
function preventExecution(){
//document.getElementById("demo_2").innerHTML = "JavaScript Kommentare";
document.getElementById("demo_3").innerHTML = "JavaScript Kommentare";
}
</script>
<button class="myButton" type="button" onclick="preventExecution()">Klick</button>
</body>
</html>