9. helmikuuta 2024

Koodausta omalla kotisivulla

Olet opiskellut oman kotisivun tekemistä.

Tehdään tänään hybridi- eli yhdistelmäharjoitus: harjoitellaan Trinket.io -palvelun upottamista omalle kotisivulle.

Upottamisen vaiheet:
  • Luodaan Trinket-tiedosto. Se voi olla tyhjä kuten alempana olevassa esimerkissä
  • Valitaan Share ja sitten Embed (katso seuraava kuva)








  • Voit muuttaa mm. ikkunan korkeutta. Tässä esimerkissä se on 600 pikseliä. Sopiva korkeus löytyy kokeilemalla


  • Valitse (maalaa) koodi ja liitä se omalle sivullesi
  • Lopputulos näyttää siis seuraavalta:



Sinulla on ainakin kolme vaihtoehtoa tehdä tämä harjoitus:
  1. Upottaa koodi Tommin johdolla tehdylle sivulle tai tehdä vastaaavalla tavalla yksi sivu lisää tätä varten
  2. Upottaa koodi peda.netin sivustolle. Jos olet unohtanut koulun tunnuksen, voit tehdä uuden oman joka on sitten "elinikäinen" eikä Oriveden yhteiskouluun sidottu.
  3. Upottaa koodi jollekin omalla kotisivustollesi, mikäli sinulla sellainen on.

Toinen harjoitus

Laadi kotisivullesi upotettu Trinket-objekti, jonka avulla voidaan laskea suorakulmaisen kolmion viereisen kateetin pituus, kun kulman suuruus ja hypotenuusan pituus annetaan. Alla ohjelma, josta voit ottaa mallia
Huomaa mm. seuraavat seikat:
  • tarvitaan math-kirjasto, jotta voidaan käyttää trigonometrisia funktioita
  • lisäksi tarvitsee muuttaa math-kirjaston radians-metodin avulla kulman suuruus asteista radiaaneiksi (koko ympyrä on kahden piin verran)
  • try - except -rakenteella ehkäistään ohjelman kaatuminen käyttäjän virheelliseen syötteeseen.​

Kolmas harjoitus

Laadi ohjelma jonka laskee kulman suuruuden asteina, kun annetaan vastainen ja viereinen kateetti.

Neljäs harjoitus (vaativa)

Piirrä lisäksi mallikuva jossain em. tehtävässä.

Peda.net käyttää vain välttämättömiä evästeitä istunnon ylläpitämiseen ja anonyymiin tekniseen tilastointiin. Peda.net ei koskaan käytä evästeitä markkinointiin tai kerää yksilöityjä tilastoja. Lisää tietoa evästeistä