javascript?

3 Antworten

  1. Bitte benutze für Bildschirmaufnahmen ein Screenshot-Programm
  2. Eigenen Programmcode möglichst immer bereitstellen (z.B. via codepen)
  3. Lerne Fehlermeldung zu lesen und mithilfe dessen eine Lösung zu finden
<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Quizspiel</title>
    <script defer src="path/game.js"></script>
  </head>
  <body>

    <!-- Alternativ: -->
    <script defer src="path/game.js"></script>
  </body>
</html>

Du kannst Scripte auch am Ende des <body> vor dem schließenden </body> Element einbinden. Mit dem defer Attribut erreicht man dass ein Script zwar parallel heruntergeladen, jedoch erst nach dem Parsen der Seite ausgeführt wird. Das ist immer dann wichtig, wenn im Script auf einzelne Elemente zugegriffen wird.

Woher ich das weiß:Berufserfahrung – UI/UX Designer, Full-Stack Developer

Vielleicht solltest du erstmal schauen, was console.log() eigentlich macht.

Weiterhin die Grundlagen von HTML erlernen -> Grundgerüst.

Viel Spaß :)

Eine Html-Datei hat immer folgenden Grundaufbau:

<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>

Damit das Skript ausgeführt wird muss der script-Tag in den Head oder Body bereich.

Woher ich das weiß:Hobby
KaeseKruste665 
Fragesteller
 19.04.2024, 20:08

alles klar was genau meinst du mit ,,berreich‘‘? Habe den script tag jetzt einfach in die selbe zeile mit dem obersten head gepackt

0
Suiram1  19.04.2024, 20:12
@KaeseKruste665

Html arbietet mit XML Tags. Diese funktionieren grundsätzlich so das man ein öffnendes Tag hat <einTag> und ein dazu gehöriges schließendes Tag </einTag>. Mit

in [...] bereich

meine ich den Inhalt des Tags. Also würde es z.B. so gehen:

<!DOCTYPE html>
<html>
<head>
   <script src="quizspiel.js"></script>
</head>
<body>
</body>
</html>
1
KaeseKruste665 
Fragesteller
 19.04.2024, 20:28
@Suiram1

alles klar soweit vielen danke! Hätte nur noch eine kleine frage, habe meine html datei nach ihrer vorlage umgeschrieben nur aktualisiert die datei sich nicht im ordner. Habe auch den ordner schon aktualisiert und in meinem programm nachgeschaut ob man die datei irgendwie speichern kann und bereits im programm aktualisiert

0
Suiram1  19.04.2024, 20:31
@KaeseKruste665

Wenn in Visual Studio Code (VS Code) oben in den Tabs mit den offenen Dateien rechts vom Dateinamen ein Punkt angezeigt wird, enthält die Datei nicht gespeicherte Änderungen. Um zu speichern einfach in VS Code Strg+S drücken und dann im Browser F5 drücken um die Seite neuzuladen.

1
medmonk  19.04.2024, 20:49
@Suiram1
Html arbietet mit XML Tags.

HTML arbeitet nicht mit XML-Tags, da HTML auch selbstschließende Elemente wie <img> und <br> kennt resp. verwendet. Beide Markup-Sprachen sind sich jedoch ähnlich, unterscheiden sie sich dennoch in ihrer Syntax und Struktur.

Bei XHTML Dokumente ist es nochmal etwas anderes, da jene streng XML-konform sein müssen und auch XML-Elemente und -Attribute enthalten dürfen.

HTML-Tags sollten daher nicht als XML-Tags bezeichnet werden, auch wenn sie ähnliche Funktionen erfüllen. Sie sind Teil verschiedener Standards mit unterschiedlichen Syntaxregeln und Verwendungskontexten (weniger streng vs: streng).

LG medmonk

2
EinAlexander  20.04.2024, 11:41
Eine Html-Datei hat immer folgenden Grundaufbau:

Eigentlich nicht. Der Grundaifbaue einer HTML sieht so aus:

<!DOCTYPE html>
<title>Titel</title>

Mehr braucht's nicht.

Damit das Skript ausgeführt wird muss der script-Tag in den Head oder Body bereich.

Bist du da sicher? Probier mal aus

<!DOCTYPE html>
<html>
<head><title>...</title>
</head>
<body>
</body>
</html>
<script>alert()</script>

Was passiert?

1
Suiram1  20.04.2024, 13:03
@EinAlexander
Der Grundaifbaue einer HTML sieht so aus:

Mag sein, dass es auch so funktioniert, allerdings gehört der title-Tag doch in den head Bereich oder irre ich mich da?

Bist du da sicher? Probier mal aus

Gut, es geht, aber noch mal: Es funktioniert zwar, allerdings gehört der Tag normalerweise nicht dahin.

0
EinAlexander  20.04.2024, 13:31
@Suiram1
allerdings gehört der title-Tag doch in den head Bereich

Zwingend. Aber das <head> Element muss nicht explizit geschrieben werden. Ebenso wie das <body> Element.

1