Rekenen

Met Javascript kun je bepaalde berekeningen uitvoeren. Onder de afdeling Operators vind je een uitleg van operators. Deze zijn van belang voor het kunnen uitvoeren van berekeningen. Eigenlijk is het niet meer dan dat je al gewend bent vanaf groep 3 van de lagere school.

Om te kunnen rekenen moet de variabele een numerieke waarde hebben. Het moet dus gaan om een waarde van 0 t/m 9. Binnen Javascript zijn er functies die kunnen controleren of de invoer daadwerkelijk een numerieke waarde is. De functie parseInt(); is daar een voorbeeld van. Deze functie kijkt of er een heel getal staat in een string. Wil je werken met decimale getallen, dan gebruik je de functie parseFloat();.

 <script type="text/javascript">
  var a = 15;
  var b = 10;
  document.write ("uitkomst is: ",a+b)
 </script>

In het voorbeeld worden twee variabelen opgesteld, te weten a en b. Deze worden vervolgens bij elkaar opgeteld en de uitkomst komt op de pagina te staan. Dit kan ook op een andere manier geschreven worden op de pagina.

 <script type="text/javascript">
  var a = 15;
  var b = 10;
  var c = a + b;
  document.write ("uitkomst is: ",c)
 </script>

Het voorbeeld doet precies hetzelfde, alleen maak je nu voor de uitkomst een aparte variabele aan. Deze kun je in wat ingewikkeldere programma's verder gebruiken. Deze voorbeelden zijn niet echt nuttig te noemen. Daarom wordt het tijd eens wat nuttigs te gaan bedenken.

De opdracht is een programma te schrijven waarin de bezoeker kan invullen hoeveel stuks hij wil hebben van een bepaald goed. De site moet dan uitrekenen wat dit kost voor de bezoeker. Ik ga dit doen met de kennis die je tot nu toe hebt opgedaan hier.

 <script type="text/javascript">
  var prijs = 30;
  var aankoop = window.prompt ("Hoeveel stuks wil je aanschaffen?", "");
  var tot = aankoop * prijs;
  document.write ("Eindbedrag: ", tot ,"euro");
 </script>

In het voorbeeld maak ik eerst een window aan waarin een vraag gesteld wordt aan de bezoeker. Dit is inmiddels een bekende techniek. Verder heb ik een variabele aangemaakt waarin de prijs wordt vastgesteld van het goed. De aan te schaffen hoeveelheid wordt opgegeven door de bezoeker en wordt gekoppeld aan de variabele aankoop. Bij de variabele tot wordt een kleine rekensom uitgevoerd en het eindbedrag kan vervolgens op het scherm gezet worden.

Later in de cursus zal ik een andere mogelijkheid laten zien met formulieren. Dat is handiger dan het werken met windows. Voorlopig is dit voorbeeld voldoende, maar het kan veel beter en handiger.