Teoriaa ja muuta tähdellistä

- opettajanamme toimii edelleen huippukoodaaja Radu Mariescu-Instodor
- avaa valmiiksi Radun neljäs ohjevideo ja tee alla olevat tehtävät sen avulla.
-lisää tiedostojen nimiin 4. Näin vältymme samannimiset tiedostot -virheeltä. Voit esimerkiksi luoda index4.html, script4.js ja styles4.css -tiedostot. Ole tarkkana, että käytät samoja tiedostonimiä kaikkialla koodeissa. Voit myös luoda jakamasi kansion sisälle oman kansion jokaiselle koodauskeissille.

Helppo

- Tarkoituksena on tutustua silmukan käyttöön JavaScript -ohjelmoinnissa. Kuvan koko (canvas) on 400px * 400px. Käytä mieleisiä värejä. Voit tallentaa tiedoston esim. index4_helppo.html jne. nimellä. Tee silmukkaa käyttäen ohjelma, joka ajettuna tekee radun ohjevideon mukaisen kuvion, mutta jonka leveys on suurempi kuin korkeus. 



Haastava

- tarkoituksenasi on soveltaa videon ohjeita. komplementtivärit vuorottelet suorakulmion muotoisina kehinä. värit saat itse päättää, mutta "spiraalien" paksuuden on pienennyttävä keskelle päin siirryttäessä yhdellä pikselilla per kierros. Kuvasta pitäisi tulla neliöspiraali. Kuvan koko (canvas) on 500px x 500px. Voit tallentaa tiedoston index4_haastava.html nimellä. Alla on mallikuva, tekemäsi kuvan ei tarvitse välttämättä olla "spiraali", vaan voit koostaa kuvan neliön muotoisista, yhtenäisistä, kehistä.



Tehtävän palautus

• ennen tallennus tarkasta tiedostojen nimet.
• Tallenna index4_helppo.html  ja index4_haastava.html tiedostot KooDaa -kansioosi. Voit luoda Koodaa -kansion sisälle oman kansion tehtäville esim. keissi4
• palauta tehtävät viimeistään 14.4.2023, niin saat täydet pisteet ahkeruuspottiin