Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
2 für mich identische Programme liefern Tabellen in unterschiedlcher Formatierung
#3
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:
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" Angel
Zitieren


Nachrichten in diesem Thema
RE: 2 für mich identische Programme liefern Tabellen in unterschiedlcher Formatierung - von rzscout - 01.11.2022, 20:17

Gehe zu:


Benutzer, die gerade dieses Thema anschauen:
1 Gast/Gäste