<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="https://peda.net/:static/535/atom.xsl"?>
<feed xmlns="http://www.w3.org/2005/Atom">
<title>JavaScript asiaa</title>
<id>https://peda.net/id/05418584ca4</id>
<updated>2018-10-07T19:06:59+03:00</updated>
<link href="https://peda.net/id/05418584ca4:atom" rel="self" />
<link href="https://peda.net/juupajoki/oppiaineet/tietotekniikka2/8-lk/javascript-asiaa#top" rel="alternate" />
<logo>https://peda.net/:static/535/peda.net.logo.bg.svg</logo>
<rights type="html">&lt;div class=&quot;license&quot;&gt;Tämän sivun lisenssi &lt;a rel=&quot;license&quot; href=&quot;https://peda.net/info&quot;&gt;Peda.net-yleislisenssi&lt;/a&gt;&lt;/div&gt;&#10;</rights>

<entry>
<title>Webbi sivujen tekemisestä</title>
<id>https://peda.net/id/e2595af0ca4</id>
<updated>2018-10-08T08:52:07+03:00</updated>
<link href="https://peda.net/juupajoki/oppiaineet/tietotekniikka2/8-lk/javascript-asiaa/javascript-asiaa2#top" />
<content type="html">-Käytämme web ohjelmointi työkalua nimeltä Brackets&lt;br/&gt;&#10; -Brackets on ilmainen web ohjelmointi työkalu. Jos haluat kokeilla sitä myös kotona sen voit ladata osoitteesta &lt;a href=&quot;http://brackets.io/&quot; rel=&quot;nofollow ugc noopener&quot;&gt;http://brackets.io/&lt;/a&gt; &lt;br/&gt;&#10;&lt;br/&gt;&#10;Apua päivän tehtävien tekemiseen löydät esimerkiksi&lt;br/&gt;&#10;&lt;a href=&quot;http://salakapakka.net/oppaat/html-ja-css-opas/index.php&quot; rel=&quot;nofollow ugc noopener&quot;&gt;http://salakapakka.net/oppaat/html-ja-css-opas/index.php&lt;/a&gt;&lt;br/&gt;&#10;Ja jos englanninkielisyys ei haittaa niin mahtava sivusto &lt;br/&gt;&#10;&lt;a href=&quot;https://www.w3schools.com/ &quot; rel=&quot;nofollow ugc noopener&quot;&gt;https://www.w3schools.com/ &lt;/a&gt;&lt;br/&gt;&#10;&lt;br/&gt;&#10;Tässä pätkä esimerkki html tiedostoa, copy pastea se omaan brakets projektiisi ja kokeile mitä se tekee.&lt;br/&gt;&#10;&lt;br/&gt;&#10;&amp;lt;!DOCTYPE html&amp;gt;&lt;br/&gt;&#10;&amp;lt;html&amp;gt;&lt;br/&gt;&#10;&lt;br/&gt;&#10;&amp;lt;title&amp;gt;Kokeilu&amp;lt;/title&amp;gt;&lt;br/&gt;&#10;&lt;br/&gt;&#10;&amp;lt;body&amp;gt;&lt;br/&gt;&#10;&amp;lt;p&amp;gt;&lt;br/&gt;&#10;  Pieni kokeilu&lt;br/&gt;&#10;  &amp;lt;/p&amp;gt;  &lt;br/&gt;&#10;&lt;br/&gt;&#10;&amp;lt;p id=&amp;quot;demo&amp;quot;&amp;gt;Tekstiä.&amp;lt;/p&amp;gt;&lt;br/&gt;&#10;&lt;br/&gt;&#10;&amp;lt;button type=&amp;quot;button&amp;quot; onclick=&amp;quot;myFunction()&amp;quot;&amp;gt;Kokeile&amp;lt;/button&amp;gt;&lt;br/&gt;&#10;&lt;br/&gt;&#10;&amp;lt;script&amp;gt;&lt;br/&gt;&#10; function myFunction() {&lt;br/&gt;&#10; document.getElementById(&amp;quot;demo&amp;quot;).innerHTML = &amp;quot;Teksti muutettu.&amp;quot;;&lt;br/&gt;&#10;}&lt;br/&gt;&#10; &amp;lt;/script&amp;gt;&lt;br/&gt;&#10;&lt;br/&gt;&#10;&amp;lt;/body&amp;gt;&lt;br/&gt;&#10;&amp;lt;/html&amp;gt;&lt;br/&gt;&#10;&lt;br/&gt;&#10;Muuta tätä pätkää niin, että lisää otsikon ja muutat jonkin osan väriä. &#10;&lt;p&gt;Kun olet saanut muutoksesi toimimaan palauta html tiedosto palautus laatikkoon. &lt;br/&gt;&#10;&lt;br/&gt;&#10;Palautettuasi saat jatkaa joko viime viikkoisia joko&lt;br/&gt;&#10;&lt;a href=&quot;https://ohjelmointikurssi.github.io/ &quot; rel=&quot;nofollow ugc noopener&quot;&gt;https://ohjelmointikurssi.github.io/ &lt;/a&gt;&lt;br/&gt;&#10;tai &lt;br/&gt;&#10;&lt;a href=&quot;https://hourofcode.com/cocomgame &quot; rel=&quot;nofollow ugc noopener&quot;&gt;https://hourofcode.com/cocomgame &lt;/a&gt;&lt;br/&gt;&#10;&lt;br/&gt;&#10;Tai voit rentoutua Star Wars koodaus pelin parissa &lt;br/&gt;&#10;&lt;a href=&quot;https://code.org/starwars&quot; rel=&quot;nofollow ugc noopener&quot;&gt;https://code.org/starwars&lt;/a&gt;&lt;/p&gt;&#10;</content>
<published>2018-10-07T19:13:10+03:00</published>
</entry>


</feed>