Les 5 javascript

Post on 03-Jul-2015

412 views 2 download

Transcript of Les 5 javascript

Javascript 5GetElementBy…… HTML5?

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!

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

GetElementById

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

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

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

JS en HTML5 - <canvas>

HTML 5 - <article>

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.