Inspirerend, verbindend en nieuwsgierig
Een leven lang leren

02 - Javascript - Output en Commentaar

Output en Commentaar
1 / 18
next
Slide 1: Slide
ICTMBOStudiejaar 1-4

This lesson contains 18 slides, with interactive quizzes and text slides.

time-iconLesson duration is: 60 min

Items in this lesson

Output en Commentaar

Slide 1 - Slide

This item has no instructions

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

Slide 2 - Slide

This item has no instructions

Wat weet je al over JavaScript output en commentaar?

Slide 3 - Mind map

This item has no instructions

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

Slide 4 - Slide

This item has no instructions

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

Slide 5 - Slide

This item has no instructions

Console.log()
De console.log() methode wordt gebruikt om gegevens naar de console te loggen.
 <script>
    console.log('Hallo Wereld!');
 </script>

Slide 6 - Slide

This item has no instructions

document.write()
Met document.write() kun je direct naar het document schrijven tijdens het laden.
 <script>
    document.write('Hallo Wereld!');
  </script>

Slide 7 - Slide

This item has no instructions

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>

Slide 8 - Slide

This item has no instructions

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>

Slide 9 - Slide

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.

Slide 10 - Slide

This item has no instructions

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

Slide 11 - Slide

This item has no instructions

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


Slide 12 - Slide

This item has no instructions

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;
*/

Slide 13 - Slide

This item has no instructions

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.

Slide 14 - Slide

This item has no instructions

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.

Slide 15 - Slide

This item has no instructions

Opdracht: Output Oefening
Opdracht wordt gedeeld in teams

Slide 16 - Slide

This item has no instructions

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.

Slide 17 - Slide

This item has no instructions

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

Slide 18 - Open question

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.