Output

JavaScript kan gegevens op verschillende manieren 'weergeven':
Schrijven in een HTML-element met innerHTML.
Schrijven in de HTML-uitvoer met document.write().
Schrijven in een waarschuwingsvenster met window.alert().
Schrijven naar de browserconsole met console.log().

Om toegang te krijgen tot een HTML-element, kan JavaScript de document.getElementById(id) methode gebruiken.
Het id-attribuut definieert het HTML-element. De innerHTML-eigenschap definieert de HTML-inhoud:
In het vorige voorbeeld hebben we hier al gebruik van gemaakt. Hieronder nog een voorbeeld om te testen:

<!DOCTYPE html>
<html>
  <head>
    <title>JavaScript</title>
    <meta charset="utf-8">
  </head>
  <body>
    <h1>Demo</h1>
    <p>Een paragraaf</p>

    <p id="test"></p>

    <script>
      document.getElementById("test").innerHTML = 5 + 6;
    </script>
  </body>
</html>

Om te kijken wat document.write() voeg je de volgende code toe aan de script tag:
document.write(5 + 6);
Je ziet nu twee keer de uitkomst staan. Eén keer in de paragraaf met id="test" en één keer los toegevoegd door document.write().

LET OP!: Als je document.write() gebruikt nadat een HTML-document is geladen, wordt alle bestaande HTML verwijderd:
<!DOCTYPE html>
<html>
  <head>
    <title>JavaScript</title>
    <meta charset="utf-8">
  </head>
  <body>

    <h1>Demo</h1>
    <p>Een paragraaf</p>

    <button type="button" onclick="document.write(5 + 6)">Klik hier!</button>

  </body>
</html>

Je kunt ook een waarschuwingsvenster gebruiken om gegevens weer te geven:
<!DOCTYPE html>
<html>
  <head>
    <title>JavaScript</title>
    <meta charset="utf-8">
  </head>
  <body>
    <h1>Demo</h1>
    <p>Een paragraaf</p>

    <p id="test"></p>

    <script>
      window.alert(5 + 6);
    </script>
  </body>
</html>

Om fouten op te sporen kun je de methode console.log() in de browser aanroepen om gegevens weer te geven. Deze output kun je in chome en firefox vinden als je op F12 drukt en kiest voor console.
<!DOCTYPE html>
<html>
  <head>
    <title>JavaScript</title>
    <meta charset="utf-8">
  </head>
  <body>
    <h1>Demo</h1>
    <p>Een paragraaf</p>

    <p id="test"></p>

    <script>
      console.log(5 + 6);
    </script>
  </body>
</html>

JavaScript heeft geen afdrukobject of afdrukmethoden.
Om veiligheidsredenen heeft JavaScript geen toegang tot uitvoerapparaten.
De enige uitzondering is dat je de methode window.print() in de browser kunt aanroepen om de inhoud van het huidige venster af te drukken.