03 - Javascript - output

• ICT
• MBO
• Studiejaar 1-4

Javascript: output

Leerdoel van de Les

Aan het einde van de les kun je de verschillende manieren van output in JavaScript identificeren en toepassen.

Wat weet je al over de verschillende manieren van output in JavaScript?

Console.log()

De console.log() methode wordt gebruikt om gegevens naar de console te loggen.

 <script>

    console.log('Hallo Wereld!');

  </script>

document.write()

Met document.write() kun je direct naar het document schrijven tijdens het laden.

 <script>

    document.write('Hallo Wereld!');

  </script>

innerHTML

innerHTML kan worden gebruikt om de inhoud van een HTML-element te wijzigen.

<script>

  function veranderTekst() {

     document.getElementById("demo").innerHTML = "De tekst is veranderd!";

  }

</script>

 <p id="demo">Hallo Wereld!</p>

window.alert()

window.alert() toont een berichtvenster met een opgegeven tekst en een OK-knop.

<script>

   function toonAlert() {

      window.alert('Hallo Wereld!');

   }

</script>

 <button onclick="toonAlert()">Klik op mij</button>

Kan handig zijn voor het debuggen van code

Opdracht: Output Oefening

Opdracht wordt gedeeld in teams

Samenvatting

We hebben vandaag geleerd over de verschillende manieren van output in JavaScript: console.log(), document.write(), innerHTML en window.alert().

Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen.

De leerlingen geven hier (in vraagvorm) aan met welk onderdeel van de stof ze nog moeite. Voor de docent biedt dit niet alleen inzicht in de mate waarin de stof de leerlingen begrijpen/beheersen, maar ook een goed startpunt voor een volgende les.