Websiteentwicklung: JavaScript: Das erste Programm (Hallo Welt): Lösungen

Aus Wikibooks

Lösungen zu JavaScript: Das erste Programm (Hallo Welt)

Ausgabe in einer Alert-Box[Bearbeiten]

<HTML>
  <HEAD>
    <TITLE>Hallo Siegfried!</TITLE>
    <SCRIPT type="text/javascript">

          //Ausgabe von Hallo Siegfried! mit einer Alert-Box
          alert("Hallo Siegfried!");

    </SCRIPT>
  </HEAD>
  <BODY>
    <NOSCRIPT>
      Diese Seite wird nur mit JavaScript
      korrekt dargestellt. Bitte schalten
      Sie JavaScript in Ihrem Browser ein!
    </NOSCRIPT>
  </BODY>
</HTML>


Ausgabe in einer Alert-Box mit Hilfe eines Event-Handlers und einer Funktion[Bearbeiten]

<HTML>
  <HEAD>
    <TITLE>Hallo Dortmund!</TITLE>
    <SCRIPT type="text/javascript">

        function fHallo()
        {
          //Ausgabe von Hallo Dortmund! mit einer Alert-Box
          alert("Hallo Dortmund!");
        }

    </SCRIPT>
  </HEAD>
  <BODY onLoad="fHallo()">
    <NOSCRIPT>
      Diese Seite wird nur mit JavaScript
      korrekt dargestellt. Bitte schalten
      Sie JavaScript in Ihrem Browser ein!
    </NOSCRIPT>
    <H1>Hallo Welt in Java-Script</H1>
  </BODY>
</HTML>

Ausgabe in ein neues HTML-Dokument[Bearbeiten]

<HTML>
  <HEAD>
    <TITLE>Hallo Dortmund!</TITLE>
    <SCRIPT type="text/javascript">

        function fHallo()
        {
         //Ausgabe von Hallo Dortmund! in ein neues Dokument
         with(document)
         {
         open();
         write("<H1>Hallo Dortmund!</H1>");
         close();
         }
        }

    </SCRIPT>
  </HEAD>
  <BODY onLoad="fHallo()">
    <NOSCRIPT>
      Diese Seite wird nur mit JavaScript
      korrekt dargestellt. Bitte schalten
      Sie JavaScript in Ihrem Browser ein!
    </NOSCRIPT>
  </BODY>
</HTML>

Ausgabe in ein Textfeld[Bearbeiten]

<HTML>
  <HEAD>
    <TITLE>Hallo Siegfried!</TITLE>
    <SCRIPT type="text/javascript">

        function fHallo()
        {
          //Ausgabe von Hallo Siegfried! in ein Textfeld
          with(document.form1)
          {
            text1.value="Hallo Siegfried!";
          }
        }

    </SCRIPT>
  </HEAD>
  <BODY onLoad="fHallo()">
    <FORM name="form1" method="get" >
      <INPUT type="text" name="text1"></input>
    </FORM>
    <NOSCRIPT>
      Diese Seite wird nur mit JavaScript
      korrekt dargestellt. Bitte schalten
      Sie JavaScript in Ihrem Browser ein!
    </NOSCRIPT>
  </BODY>
</HTML>