H5 P1 Les 2.1

• Informatica
• Middelbare school
• havo
• Leerjaar 4

H5 Week 2 Les 1

Startklaar zitten.

STARTKLAAR!

Tellie in zakkie

Startklaar zitten.

Voorkennis activeren

Zijn er id's gebruikt in html en waar is dat gedaan in html

LEERDOELEN

De leerling kan id gebruiken om specifieke elementen aan te spreken en te manipuleren met JavaScript

Javascript

Maak op codehs.com/go/A222C

• JavaScript Basic (3.1 t/m 3.8)
• Control Structures (6.1 t/m 6.11)

Document Object Model (DOM)

DOM - Window

• Het hoogste niveau 
  van DOM is window
• Via javascript kan je
  deze manipuleren: 

Bijvoorbeeld:

window.screen

Voor de grootte van het 

browserscherm

• Biedt javascript toegang tot
  de browser zelf.

DOM - Document

• Het niveau na window
• Via javascript kan je
  deze ook manipuleren 

Bijvoorbeeld:

document.getElementById('mijnID')

In het spel lingo gaan wij voornamelijk dit 

gebruiken.

Een javascript bestand aanmaken

1. Open jouw Lingo project in de online omgeving van Visual Code 
2. Ga naar het mapje assets maak je een nieuwe map genaamd js
3. Maak in dat mapje een bestand genaamd lingo.js
4. Typ in het bestand lingo.js het volgende:
   
   

Klaar? Voeg deze regel toe aan lingo.html en open het in je browser

Wil je weten waar? Vraag aan Google of ChatGPT.

<script src="assets/js/lingo.js"></script>

window.alert("lingo.js heeft verbinding met HTML")

lingo.js koppelen aan HTML

Ga daarna naar jouw map lingo op jouw laptop (niet in de code editor omgeving) en open lingo.html.

Wat zie jij nu gebeuren?

Afsluiting