Inspirerend, verbindend en nieuwsgierig
Een leven lang leren

03 - Javascript - output

Javascript: output
1 / 10
next
Slide 1: Slide
ICTMBOStudiejaar 1-4

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

time-iconLesson duration is: 60 min

Items in this lesson

Javascript: output

Slide 1 - Slide

This item has no instructions

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

Slide 2 - Slide

This item has no instructions

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

Slide 3 - Mind map

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 4 - 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 5 - 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 6 - 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 7 - Slide

Kan handig zijn voor het debuggen van code
Opdracht: Output Oefening
Opdracht wordt gedeeld in teams

Slide 8 - Slide

This item has no instructions

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

Slide 9 - Slide

This item has no instructions

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

Slide 10 - 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.