programmeren
in JaVASCRIPT
Jaar 4 - Module 2 - Les 4: Debuggen in JavaScript
De toets!
-
Normering is iets aangepast
De toets!
Normering is iets aangepast
![](https://s3.amazonaws.com/media-p.slid.es/uploads/995112/images/9393168/pasted-from-clipboard.png)
De toets!
Normering is iets aangepast
![](https://s3.amazonaws.com/media-p.slid.es/uploads/995112/images/9393171/pasted-from-clipboard.png)
De toets!
Normering is iets aangepast
![](https://s3.amazonaws.com/media-p.slid.es/uploads/995112/images/9393171/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/995112/images/9393171/pasted-from-clipboard.png)
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
![](https://s3.amazonaws.com/media-p.slid.es/uploads/995112/images/9384034/pasted-from-clipboard.png)
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>
![](https://s3.amazonaws.com/media-p.slid.es/uploads/995112/images/9384038/pasted-from-clipboard.png)
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?
![](https://s3.amazonaws.com/media-p.slid.es/uploads/995112/images/9384038/pasted-from-clipboard.png)
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
![](https://s3.amazonaws.com/media-p.slid.es/uploads/995112/images/9384050/pasted-from-clipboard.png)
opdrachten
- Volg deze les: https://bit.ly/jsles-4
- Doe dan deze opdrachten: https://bit.ly/jsopd-4
![](https://s3.amazonaws.com/media-p.slid.es/uploads/995112/images/9384050/pasted-from-clipboard.png)
Klas 4 - Module 2 - Les 4
By Felienne
Klas 4 - Module 2 - Les 4
Leerdoel Module: JavaScript Lesdoel: Debuggen in JavaScript
- 537