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

Klas 4 - Module 2 - Les 4

By Felienne

Klas 4 - Module 2 - Les 4

Leerdoel Module: JavaScript Lesdoel: Debuggen in JavaScript

608

Felienne