https://peda.net/id/c6f12ec68c2 2019-04-24T11:54:11+03:00 https://peda.net/:static/535/peda.net.logo.bg.svg <div class="license">Tämän sivun lisenssi <a rel="license nofollow ugc noopener" href="http://creativecommons.org/licenses/by-nc-sa/3.0/">Creative commons CC BY-NC-SA 3.0</a></div> https://peda.net/id/ab8eb122721 2019-05-10T20:10:02+03:00 Jos haluat toistaa toiminnon tietyn määrän kertoja, muiden ohjelmointikielten käytöstä mieleen tulee, että pitäisi käyttää [[$\text{for}$]]-luuppia. Javascriptissäkin tämä on varsin toimiva ratkaisu. Syntaksi sadan toiston tapauksessa on:<br/> <br/> [[$\text{var i;}$]]<br/> [[$\text{for (i = 0; i &lt; 100; i++) \{ }$]]<br/> [[$\quad \text{toiminto(muuttujat);}$]]<br/> [[$\}$]]<br/> <br/> Javascriptin automaattisten tyyppimuunnosten ansiosta tämän voi tosin korvata [[$\text{while}$]]-luupilla:<br/> <br/> [[$\text{var i = 100;}$]]<br/> <span>[[$\text{while (i}--\text{) \{}$]]<br/> [[$\quad \text{toiminto(muuttujat);}$]]<br/> [[$\}$]]</span> 2019-05-09T07:26:52+03:00 https://peda.net/id/95fc0df4552 2019-04-04T09:25:07+03:00 <!--filtered tag: <article--><!--filtered attribute: id="uuid-841082f2-56c3-11e9-86a1-62f3624c9a50"--><!--filtered attribute: class="link document uuid-841082f2-56c3-11e9-86a1-62f3624c9a50 enclose"--><!--filtered attribute: data-id="841082f2-56c3-11e9-86a1-62f3624c9a50"--><!--filtered attribute: data-draft-type="published"--><!--&gt;--><!--filtered tag: <header--><!--&gt;--><h1><!--filtered attribute: class="link"--><a href="https://hourofcode.com/wolframsph" title="https://hourofcode.com/wolframsph (avautuu uuteen ikkunaan)" target="_blank" rel="nofollow ugc noopener">Geometriamoottori</a></h1> <!--filtered end tag: </header>--><div class="main"><div class="description">Piirrä kolmiulotteisia kuvioita tällä moottorilla.</div> </div> <!--filtered tag: <footer--><!--&gt;--><!--filtered end tag: </footer>--><!--filtered end tag: </article>--> <!--filtered tag: <article--><!--filtered attribute: id="uuid-357a1146-56c1-11e9-b937-4631624c9a50"--><!--filtered attribute: class="link document uuid-357a1146-56c1-11e9-b937-4631624c9a50 enclose"--><!--filtered attribute: data-id="357a1146-56c1-11e9-b937-4631624c9a50"--><!--filtered attribute: data-draft-type="published"--><!--&gt;--><!--filtered tag: <header--><!--&gt;--><h1><!--filtered attribute: class="link"--><a href="https://hourofcode.com/codehsjsgraph" title="https://hourofcode.com/codehsjsgraph (avautuu uuteen ikkunaan)" target="_blank" rel="nofollow ugc noopener">Grafiikkamoottori</a></h1> <!--filtered end tag: </header>--><div class="main"><div class="description">Piirrä grafiikkaa objekteilla.</div> </div> <!--filtered tag: <footer--><!--&gt;--><!--filtered end tag: </footer>--><!--filtered end tag: </article>--> <!--filtered tag: <article--><!--filtered attribute: id="uuid-baf13b02-5521-11e9-8254-62f3624c9a50"--><!--filtered attribute: class="link document uuid-baf13b02-5521-11e9-8254-62f3624c9a50 enclose"--><!--filtered attribute: data-id="baf13b02-5521-11e9-8254-62f3624c9a50"--><!--filtered attribute: data-draft-type="published"--><!--&gt;--><!--filtered tag: <header--><!--&gt;--><h1><!--filtered attribute: class="link"--><a href="https://tinyurl.com/valplastic" title="https://tinyurl.com/valplastic (avautuu uuteen ikkunaan)" target="_blank" rel="nofollow ugc noopener">Merimuovi</a></h1> <!--filtered end tag: </header>--><div class="main"><div class="description">Javascript perustuu objekteihin eli asioihin, joilla on ominaisuuksia. Tässä harjoituksessa pääset tutustumaan videoihin ja näiden ominaisuuksiin tint, colour ja text.</div> </div> <!--filtered tag: <footer--><!--&gt;--><!--filtered end tag: </footer>--><!--filtered end tag: </article>--> <!--filtered tag: <article--><!--filtered attribute: id="uuid-ad53e6ac-5521-11e9-a8a9-4631624c9a50"--><!--filtered attribute: class="link document uuid-ad53e6ac-5521-11e9-a8a9-4631624c9a50 enclose"--><!--filtered attribute: data-id="ad53e6ac-5521-11e9-a8a9-4631624c9a50"--><!--filtered attribute: data-draft-type="published"--><!--&gt;--><!--filtered tag: <header--><!--&gt;--><h1><!--filtered attribute: class="link"--><a href="https://tinyurl.com/valflag" title="https://tinyurl.com/valflag (avautuu uuteen ikkunaan)" target="_blank" rel="nofollow ugc noopener">Lippuja monikulmioilla</a></h1> <!--filtered end tag: </header>--><div class="main"><div class="description">Javascript perustuu objekteihin eli asioihin, joilla on ominaisuuksia. Tässä harjoituksessa pääset tutustumaan suorakulmioihin ja niiden ominaisuuksiin width, height, x-position, y-position ja colour laatiessasi lippuja.</div> </div> <!--filtered tag: <footer--><!--&gt;--><!--filtered end tag: </footer>--><!--filtered end tag: </article>--> 2019-04-02T11:30:34+03:00 https://peda.net/id/1597623ed76 2018-10-24T11:44:56+03:00 <!--filtered tag: <article--><!--filtered attribute: id="uuid-1cf00c2a-d769-11e8-8614-86f3624c9a50"--><!--filtered attribute: class="link document uuid-1cf00c2a-d769-11e8-8614-86f3624c9a50 enclose"--><!--filtered attribute: data-id="1cf00c2a-d769-11e8-8614-86f3624c9a50"--><!--filtered attribute: data-draft-type="published"--><!--&gt;--><!--filtered tag: <header--><!--&gt;--><h1><!--filtered attribute: class="link"--><a href="https://www.learn-html.org" title="https://www.learn-html.org (avautuu uuteen ikkunaan)" target="_blank" rel="nofollow ugc noopener">HTML-peruskurssi</a></h1> <!--filtered end tag: </header>--><div class="main"><div class="description">Minkälaisista palasista HTML-sivu rakentuu? Selvitä HTML:n perusrakenteet linkin interaktiivisilla tehtävillä.</div> </div> <!--filtered tag: <footer--><!--&gt;--><!--filtered end tag: </footer>--><!--filtered end tag: </article>--> 2018-10-24T11:44:56+03:00 https://peda.net/id/a984375c966 1970-01-01T02:00:00+02:00 <!--filtered tag: <article--><!--filtered attribute: id="uuid-47f0896c-966a-11e8-947a-62f3624c9a50"--><!--filtered attribute: class="link document uuid-47f0896c-966a-11e8-947a-62f3624c9a50 enclose"--><!--filtered attribute: data-id="47f0896c-966a-11e8-947a-62f3624c9a50"--><!--filtered attribute: data-draft-type="published"--><!--&gt;--><!--filtered tag: <header--><!--&gt;--><h1><!--filtered attribute: class="link"--><a href="https://www.w3schools.com/js/js_htmldom_events.asp" title="https://www.w3schools.com/js/js_htmldom_events.asp (avautuu uuteen ikkunaan)" target="_blank" rel="nofollow ugc noopener">HTML DOM: Tapahtumat</a></h1> <!--filtered end tag: </header>--><div class="main"><div class="description">Miten käyttäjän eleet voi sitoa HTML-sisällön muokkaamiseen?</div> </div> <!--filtered tag: <footer--><!--&gt;--><!--filtered end tag: </footer>--><!--filtered end tag: </article>--> <!--filtered tag: <article--><!--filtered attribute: id="uuid-092df55c-966a-11e8-b078-4631624c9a50"--><!--filtered attribute: class="link document uuid-092df55c-966a-11e8-b078-4631624c9a50 enclose"--><!--filtered attribute: data-id="092df55c-966a-11e8-b078-4631624c9a50"--><!--filtered attribute: data-draft-type="published"--><!--&gt;--><!--filtered tag: <header--><!--&gt;--><h1><!--filtered attribute: class="link"--><a href="https://www.w3schools.com/js/js_htmldom_animate.asp" title="https://www.w3schools.com/js/js_htmldom_animate.asp (avautuu uuteen ikkunaan)" target="_blank" rel="nofollow ugc noopener">HTML DOM: Animaatiot</a></h1> <!--filtered end tag: </header>--><div class="main"><div class="description">Miten HTML-internet-sivuille voi upottaa sisältöä?</div> </div> <!--filtered tag: <footer--><!--&gt;--><!--filtered end tag: </footer>--><!--filtered end tag: </article>--> <!--filtered tag: <article--><!--filtered attribute: id="uuid-e266d222-9669-11e8-9fc5-86f3624c9a50"--><!--filtered attribute: class="link document uuid-e266d222-9669-11e8-9fc5-86f3624c9a50 enclose"--><!--filtered attribute: data-id="e266d222-9669-11e8-9fc5-86f3624c9a50"--><!--filtered attribute: data-draft-type="published"--><!--&gt;--><!--filtered tag: <header--><!--&gt;--><h1><!--filtered attribute: class="link"--><a href="https://www.w3schools.com/js/js_htmldom_css.asp" title="https://www.w3schools.com/js/js_htmldom_css.asp (avautuu uuteen ikkunaan)" target="_blank" rel="nofollow ugc noopener">HTML DOM: CSS</a></h1> <!--filtered end tag: </header>--><div class="main"><div class="description">Miten HTML-internet-sivujen sisällön tyyliä kannattaa hioa?</div> </div> <!--filtered tag: <footer--><!--&gt;--><!--filtered end tag: </footer>--><!--filtered end tag: </article>--> <!--filtered tag: <article--><!--filtered attribute: id="uuid-9f495550-9669-11e8-95dc-62f3624c9a50"--><!--filtered attribute: class="link document uuid-9f495550-9669-11e8-95dc-62f3624c9a50 enclose"--><!--filtered attribute: data-id="9f495550-9669-11e8-95dc-62f3624c9a50"--><!--filtered attribute: data-draft-type="published"--><!--&gt;--><!--filtered tag: <header--><!--&gt;--><h1><!--filtered attribute: class="link"--><a href="https://www.w3schools.com/js/js_htmldom_html.asp" title="https://www.w3schools.com/js/js_htmldom_html.asp (avautuu uuteen ikkunaan)" target="_blank" rel="nofollow ugc noopener">HTML DOM: Dynaaminen HTML</a></h1> <!--filtered end tag: </header>--><div class="main"><div class="description">Miten document- ja element-toimintoja voi nivoa yhteen?</div> </div> <!--filtered tag: <footer--><!--&gt;--><!--filtered end tag: </footer>--><!--filtered end tag: </article>--> <!--filtered tag: <article--><!--filtered attribute: id="uuid-59b8ecee-9669-11e8-b1c7-86f3624c9a50"--><!--filtered attribute: class="link document uuid-59b8ecee-9669-11e8-b1c7-86f3624c9a50 enclose"--><!--filtered attribute: data-id="59b8ecee-9669-11e8-b1c7-86f3624c9a50"--><!--filtered attribute: data-draft-type="published"--><!--&gt;--><!--filtered tag: <header--><!--&gt;--><h1><!--filtered attribute: class="link"--><a href="https://www.w3schools.com/js/js_htmldom_elements.asp" title="https://www.w3schools.com/js/js_htmldom_elements.asp (avautuu uuteen ikkunaan)" target="_blank" rel="nofollow ugc noopener">HTML DOM: Element-toiminnot</a></h1> <!--filtered end tag: </header>--><div class="main"><div class="description">Minkälaisilla toiminnoilla HTML-internet-sivut voivat mukauttaa olemassaolevaa sisältöä käyttäjäänsä?</div> </div> <!--filtered tag: <footer--><!--&gt;--><!--filtered end tag: </footer>--><!--filtered end tag: </article>--> <!--filtered tag: <article--><!--filtered attribute: id="uuid-3cf6ed40-9669-11e8-94a2-4631624c9a50"--><!--filtered attribute: class="link document uuid-3cf6ed40-9669-11e8-94a2-4631624c9a50 enclose"--><!--filtered attribute: data-id="3cf6ed40-9669-11e8-94a2-4631624c9a50"--><!--filtered attribute: data-draft-type="published"--><!--&gt;--><!--filtered tag: <header--><!--&gt;--><h1><!--filtered attribute: class="link"--><a href="https://www.w3schools.com/js/js_htmldom_document.asp" title="https://www.w3schools.com/js/js_htmldom_document.asp (avautuu uuteen ikkunaan)" target="_blank" rel="nofollow ugc noopener">HTML DOM: Document-toiminnot</a></h1> <!--filtered end tag: </header>--><div class="main"><div class="description">Minkälaisilla toiminnoilla HTML-internet-sivut voivat liittää itseensä uutta, käyttäjään mukautuvaa sisältöä?</div> </div> <!--filtered tag: <footer--><!--&gt;--><!--filtered end tag: </footer>--><!--filtered end tag: </article>--> <!--filtered tag: <article--><!--filtered attribute: id="uuid-f6f57fbe-9668-11e8-b0f2-4631624c9a50"--><!--filtered attribute: class="link document uuid-f6f57fbe-9668-11e8-b0f2-4631624c9a50 enclose"--><!--filtered attribute: data-id="f6f57fbe-9668-11e8-b0f2-4631624c9a50"--><!--filtered attribute: data-draft-type="published"--><!--&gt;--><!--filtered tag: <header--><!--&gt;--><h1><!--filtered attribute: class="link"--><a href="https://www.w3schools.com/js/js_htmldom_methods.asp" title="https://www.w3schools.com/js/js_htmldom_methods.asp (avautuu uuteen ikkunaan)" target="_blank" rel="nofollow ugc noopener">HTML DOM: Toiminnot</a></h1> <!--filtered end tag: </header>--><div class="main"><div class="description">Minkälaisia toimintoja nykyinen HTML-standardi tarjoaa?</div> </div> <!--filtered tag: <footer--><!--&gt;--><!--filtered end tag: </footer>--><!--filtered end tag: </article>--> <!--filtered tag: <article--><!--filtered attribute: id="uuid-c7ce08c8-9668-11e8-94f3-4631624c9a50"--><!--filtered attribute: class="link document uuid-c7ce08c8-9668-11e8-94f3-4631624c9a50 enclose"--><!--filtered attribute: data-id="c7ce08c8-9668-11e8-94f3-4631624c9a50"--><!--filtered attribute: data-draft-type="published"--><!--&gt;--><!--filtered tag: <header--><!--&gt;--><h1><!--filtered attribute: class="link"--><a href="https://www.w3schools.com/js/js_htmldom.asp" title="https://www.w3schools.com/js/js_htmldom.asp (avautuu uuteen ikkunaan)" target="_blank" rel="nofollow ugc noopener">HTML DOM</a></h1> <!--filtered end tag: </header>--><div class="main"><div class="description">Minkälaisista olioista HTML-internet-sivut koostuvat?</div> </div> <!--filtered tag: <footer--><!--&gt;--><!--filtered end tag: </footer>--><!--filtered end tag: </article>--> 2018-08-02T18:28:09+03:00