02 - Javascript - Output en Commentaar

• ICT
• MBO
• Studiejaar 1-4

Output en Commentaar

Leerdoel

• Student kan verschillende output manieren van JavaScript benoemen en toepassen.
• Student kan benoemen, en ook toepassen, hoe je commentaar binnen JavaScript gebruikt.

Wat weet je al over JavaScript output en commentaar?

Output in JavaScript

JavaScript kan output genereren via pop-ups, de console of de HTML-pagina.

Output in JavaScript

JavaScript kan output genereren via pop-ups, de console of de HTML-pagina.

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

Wat is Commentaar?

Commentaar in JavaScript zijn stukken code die worden genegeerd door de interpreter. Ze worden gebruikt om notities en uitleg toe te voegen aan de code.

Soorten Commentaar

In JavaScript zijn er twee soorten commentaar: enkelvoudige regel commentaar (//) en meervoudige regel commentaar (/* */).

Enkelvoudige Regel Commentaar

Enkelvoudige regel commentaar begint met // en wordt gebruikt om een enkele regel code uit te schakelen of om uitleg toe te voegen aan die regel.

// Dit is een enkelvoudig regelcommentaar

let x = 5; // Je kunt commentaar ook aan het einde van een regel plaatsen

Meervoudige Regel Commentaar

Meervoudige regel commentaar begint met /* en eindigt met */ en wordt gebruikt om meerdere regels code uit te schakelen of uitgebreide uitleg toe te voegen.

/*

Dit is een meervoudig regelcommentaar

*/

/*

Je kunt meervoudige regelcommentaar gebruiken om 'grote' delen van de code uit te schakelen

let x = 6;

let y = 7;

*/

Waarom Commentaar Gebruiken?

Commentaar verbetert de leesbaarheid van de code, maakt het gemakkelijker voor anderen om de code te begrijpen en helpt bij het debuggen van problemen.

Beste practice

Het is belangrijk om beknopt en duidelijk commentaar te schrijven, zodat anderen de code gemakkelijk kunnen begrijpen. Vermijd overbodig commentaar en gebruik commentaar om complexe delen van de code uit te leggen.

Opdracht: Output Oefening

Opdracht wordt gedeeld in teams

Samenvatting

• Student weet verschillende output manieren van JavaScript te benoemen en weet ze toe te passen.
• Student kan benoemen, en ook toepassen, hoe je commentaar binnen JavaScript gebruikt.

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.