Les 5 javascript

10

Click here to load reader

Transcript of Les 5 javascript

Page 1: Les 5 javascript

Javascript 5GetElementBy…… HTML5?

Page 2: Les 5 javascript

GetElementByNameWerkt hetzelfde als document.getElementById, het verschil is dat id uniek is slechts 1 element. En bij Name zijn er meerdere elementen met deze naam mogelijk!

Page 3: Les 5 javascript

GetElementByIdMet document.getElementById(‘id’) kan je elke element op een html-pagina benaderen.Een id kan maar 1 maal voorkomen.

Page 4: Les 5 javascript

GetElementById

Page 5: Les 5 javascript

JS en HTML5 - Cirkel<canvas> getContex t – beginPath – Arc - Fill

Page 6: Les 5 javascript

JS en HTML5 - Vierkant<canvas> getContex t – beginPath – Arc - Fill

Page 7: Les 5 javascript

JS en HTML5 – lijnen tekenen<canvas> getContex t – moveTo, lineTo, Stroke

Page 8: Les 5 javascript

JS en HTML5 - <canvas>

Page 9: Les 5 javascript

HTML 5 - <article>

Page 10: Les 5 javascript

Opdracht

1. Maak een webpagina met een zelfgemaakt figuur d.m.v. de behandeldecode in deze les.

2. Maak voor wijnhandel een pagina met foto’s van wijnen d.m.v.het <canvas> principe.

Upload deze naar natschool uiterlijk donderdag avond 10 juni.Veel expirimenteer plezier.

Let op…. Veel van de behandelde zaken werken niet in internet explorer.