Fagdag 10.09.2015

Start programmering

Variabler og datatyper


( JavaScript Reference: http://www.w3schools.com/jsref/default.asp )

Arbeid deg gjennom første kapittel av kurset til Langslet:

Introduksjon til JavaScript: http://langslet.com/vgs/bok/Kapittel01.pdf

Læringsmål:

For å kunne lage enkle kalkulatorer på nettsider trenger man litt kunnskap om:

Input og output:

Skriv inn et tall:

<!DOCTYPE html>

<html>

<body>



Skriv inn et tall:
<input id = "input" type = "number">
<button type = "button" onclick = "beregn()">Beregn!</button> 
<div id = "resultatfelt">

</div>
<script>

   function beregn() {

      var tall = document.getElementById("input").value;

      var kvadrat = tall*tall;

      document.getElementById("resultatfelt").innerHTML = kvadrat;  

      // eller eventuelt: alert(kvadrat);     

   }
</script>
</body>

</html>

Du kan også bruke

alert("Beskjed til bruker");

til å gi output til bruker i et eget meldings-popup-vindu.

Ekstra oppgaver:

Lag en BMI kalkulator.

Body Mass Index regnes ut som: vekt i kg dividert med kvadratet av høyden i meter.

Lag en kalkulator som regner ut hypotenusen hvis du oppgir lengden på de to katetene.

Lag kalkulatorer for noen beregninger du selv synes kunne være nyttige å ha.

Se også litt på de to første kapitlene i mitt kompendium: (www.ulven.biz/it2/kompendium/)

  • Hva er en datamaskin og hvordan virker den?
  • Hva er programmering?