01.11.2022, 20:17
Hi nbergmann,
wenn du eine externe JavaScript-Datei verwendest, solltest du diese entweder in dem gleichen Ordner haben oder in einem Unterordner. Danach musst du nur noch richtig den Verweis darauf schreiben.
Zu deinem Codebeispiel kann ich nur sagen das man es vermeiden sollte Seiten mit document.write() zu erstellen. Dafür gibt es bessere Methoden. document.write() hat auch den Nachteil, dass diese nicht im Dom erkannt und angesprochen werden können. Daher sollte man Methoden nutzen wie document.createElement(). Diese erstellt HTML-Elemente, die dann mithilfe von element.appendChild() in den DOM hinzugefügt werden können. Das ist viel sauberer und man kann später drauf besser zugreifen.
Zudem solltest du mit Semmantik besser umgehen in HTML. Erstelle ausschließlich JavaScript-Teile im Head-Element so wie es das W3C vorgesehen hat. Mit dem Attribut 'defer' kannst du dann das Skript nach dem Laden des DOM's ausführen lassen.
Hier ein Beispiel wie ich es machen würde:
Viel Erfolg beim lernen. Gerne kannst du weitere Fragen hier ins Forum stellen.
Viele Grüße
rzscout
wenn du eine externe JavaScript-Datei verwendest, solltest du diese entweder in dem gleichen Ordner haben oder in einem Unterordner. Danach musst du nur noch richtig den Verweis darauf schreiben.
Zu deinem Codebeispiel kann ich nur sagen das man es vermeiden sollte Seiten mit document.write() zu erstellen. Dafür gibt es bessere Methoden. document.write() hat auch den Nachteil, dass diese nicht im Dom erkannt und angesprochen werden können. Daher sollte man Methoden nutzen wie document.createElement(). Diese erstellt HTML-Elemente, die dann mithilfe von element.appendChild() in den DOM hinzugefügt werden können. Das ist viel sauberer und man kann später drauf besser zugreifen.
Zudem solltest du mit Semmantik besser umgehen in HTML. Erstelle ausschließlich JavaScript-Teile im Head-Element so wie es das W3C vorgesehen hat. Mit dem Attribut 'defer' kannst du dann das Skript nach dem Laden des DOM's ausführen lassen.
Hier ein Beispiel wie ich es machen würde:
Code:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tabelle</title>
<script>
// Ein EventListener der den Code Lädt wenn der DOM vollständig geladen wurde
document.addEventListener('DOMContentLoaded', function() {
// Selektion des body-Elements
var body = document.querySelector("body");
// Erstellung von zwei Elementen
var table = document.createElement('table');
var tbody = document.createElement('tbody');
// Hinzufügen des Tables in den body
body.appendChild(table);
// Hinzufügen des tbody-Elements in den table als Kindelement
table.appendChild(tbody);
// Erste Schleife
for(let i=1; i<=5; i++) {
// Erstellen eines tr-Elements und hinzufügen zum tbody
let tr = document.createElement('tr');
tbody.appendChild(tr);
for(let k=1; k<=15; k++) {
let td = document.createElement('td');
// TextContent hinzufügen zum Element td
td.textContent = (i*k);
tr.appendChild(td);
}
}
});
</script>
</head>
<body>
<!-- Hier wird dann später die Tabelle durch JavaScript automatisch erstellt -->
</body>
</html>Viel Erfolg beim lernen. Gerne kannst du weitere Fragen hier ins Forum stellen.
Viele Grüße
rzscout
"Gerne dürft ihr mir eine gute Bewertung da lassen aber auch gegenüber Kritik bin ich offen" 