Inspirerend, verbindend en nieuwsgierig
Een leven lang leren

03 - Javascript - output

Javascript: output
1 / 10
volgende
Slide 1: Tekstslide
ICTMBOStudiejaar 1-4

In deze les zitten 10 slides, met interactieve quizzen en tekstslides.

time-iconLesduur is: 60 min

Onderdelen in deze les

Javascript: output

Slide 1 - Tekstslide

Deze slide heeft geen instructies

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

Slide 2 - Tekstslide

Deze slide heeft geen instructies

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

Slide 3 - Woordweb

Deze slide heeft geen instructies

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

Slide 4 - Tekstslide

Deze slide heeft geen instructies

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

Slide 5 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

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

Slide 8 - Tekstslide

Deze slide heeft geen instructies

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

Slide 9 - Tekstslide

Deze slide heeft geen instructies

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

Slide 10 - Open vraag

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.