programmeren

in JaVASCRIPT

Jaar 4 - Module 2 - Les 4: Debuggen in JavaScript

De toets!

 

  • Normering is iets aangepast 

De toets!


  • Normering is iets aangepast 

De toets!


  • Normering is iets aangepast 

De toets!


  • Normering is iets aangepast 

De toets!

 

  • Normering is iets aangepast 

  • Kom vandaag:

    • je cijfer inzien

    • je antwoorden inzien

Dit jaar gaan we...

 

  • Leren hoe websites werken

  • Wat het verschil is tussen server & client software

Dit jaar gaan we...

 

  • Leren hoe websites werken

  • Wat het verschil is tussen server & client software
     

  • Zelf een website maken met Python, HTML & Javascript

  • Voor jezelf, of voor een eigen klant

De komende weken gaan we...

 

  • Leren hoe JavaScript werkt                         

De komende weken gaan we...

 

  • Leren hoe JavaScript werkt

  • Een memory game maken met JavaScript

De komende weken gaan we...

 

  • Leren hoe JavaScript werkt

  • Een memory game maken met JavaScript

  • JavaScript toepassen op je eigen website

vandaag gaan we leren

 

  • Leren over foutmeldingen in JavaScript

In Python krijg je een foutmelding vanzelf in beeld!

python

print('Hallo kinderen

In Python krijg je een foutmelding vanzelf in beeld!

python

print('Hallo kinderen

demo

In JavaScript gaat dat anders!

 

 

HTML & JavaScript

In JavaScript gaat dat anders!

 

 

HTML & JavaScript

alert("Hallo klas 4!");
function weg() {
  var knop = document.getElementById("knop1");
  knop.style.visibility = "hidden"

Oops! krulhaakje vergeten!

In JavaScript gaat dat anders!

 

 

HTML & JavaScript

alert("Hallo klas 4!");
function weg() {
  var knop = document.getElementById("knop1");
  knop.style.visibility = "hidden"
<!DOCTYPE html>
<html>
  <head>
    <title>Welkom op deze site!</title>
  </head>
  <body>
    <script src="script.js"></script>
    <input type='submit' id='knop1' value='Knop' onclick='weg()'>
  </body>
</html>

In JavaScript gaat dat anders!

 

 

Maar de site laadt wel!

demo

JavaScript geeft geen (opvallende) foutmelding.

HTML & JavaScript

alert("Hallo klas 4!");
function weg() {
  var knop = document.getElementById("knop1");
  knop.style.visibility = "hidden"

Waarom is dat zo?

Soms wil je zelf informatie laten zien. In Python deden we dat met print.

 

 

HTML & JavaScript

Soms wil je zelf informatie laten zien. In Python deden we dat met print.

 

In JavaScript gebruiken we daarvoor console.log();

HTML & JavaScript

function weg(id) {
  var knop = document.getElementById(id);
  knop.style.visibility = "hidden";
  console.log(id);
}

demo

Soms wil je zelf informatie laten zien. In Python deden we dat met print.

 

In JavaScript gebruiken we daarvoor console.log();

 

Met console.log() kunnen we niet alleen tekst (strings) loggen maar ook hele objecten:

 

HTML & JavaScript

Soms wil je zelf informatie laten zien. In Python deden we dat met print.

 

In JavaScript gebruiken we daarvoor console.log();

 

Met console.log() kunnen we niet alleen tekst (strings) loggen maar ook hele objecten:

 

HTML & JavaScript

function weg(id) {
  var knop = document.getElementById(id);
  knop.style.visibility = "hidden";
  console.log(knop);
}

Soms wil je zelf informatie laten zien. In Python deden we dat met print.

 

In JavaScript gebruiken we daarvoor console.log();

 

Met console.log() kunnen we niet alleen tekst (strings) loggen maar ook hele objecten:

 

HTML & JavaScript

function weg(id) {
  var knop = document.getElementById(id);
  knop.style.visibility = "hidden";
  console.log(knop);
}

Dat werkt helaas niet goed in repl.it maar wel in je browser!

demo

opdrachten

  • Volg deze les: https://bit.ly/jsles-4
  • Staan op Magister huiswerk bij volgende week!

 

 

 

 

opdrachten

  • Volg deze les: https://bit.ly/jsles-4
  • Doe dan deze opdrachten:  https://bit.ly/jsopd-4

 

 

 

 

opdrachten

  • Volg deze les: https://bit.ly/jsles-4
  • Doe dan deze opdrachten:  https://bit.ly/jsopd-4

 

 

 

 

opdrachten

  • Volg deze les: https://bit.ly/jsles-4
  • Doe dan deze opdrachten:  https://bit.ly/jsopd-4

 

 

 

 

Made with Slides.com