Wie bekomme ich es hin, dass der alert bei javascript auf der Website angezeigt wird und nicht in einem extra Fenster?

2 Antworten

Erstellen Sie einen leeren Block mit der Kennung.

<div id="info"></div>

Dann kann Script diesem Block Text hinzufügen.

document.getElementById('info').textContent = "Text";
Woher ich das weiß:Beruf – Ich erstelle Wordpress-Themes, Plugins und Online-calculator

Du hast die Aufgabe bereits gelöst. Die Aufgabenstellung erwartet nicht das, wonach du fragst. Die alert-Funktion kreiert immer einen eigenen Dialog, in dem der übergebene Text angezeigt wird.

Ein paar Änderungen würde ich dir dennoch vorschlagen:

  • Setze auch beim type-Attribut deines Buttons die doppelten Anführungszeichen um den Wert. Es ist besser, einheitlich zu bleiben.
  • Das language-Attribut ist veraltet und kann entfernt werden.
  • Das name-Attribut auf dem form-Tag brauchst du ebenso nicht.

Um letzten Endes trotzdem noch deine Frage zu beantworten, hier ein Beispiel, wie du Text auf der Webseite nach Buttonklick anzeigen lassen kannst:

<!doctype html>
<title>Example</title>
<button onclick="showText()" type="button">Show text</button>
<p id="output"></p>
<script>
  function showText() {
    document.getElementById("output").innerText = "Hello world!";
  }
</script>

Was möchtest Du wissen?