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