Advertisement
Guest User

Oppgave 3

a guest
Apr 19th, 2018
78
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.53 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>Rentekalkulator</title>
  6. <style>
  7. #tekstOmrade {
  8. width: 474px;
  9. height: 275px;
  10. }
  11. </style>
  12. <script>
  13. window.onload = oppstart; //Kjører funksjon oppstart ved lasting av side
  14. function oppstart() {
  15. document.getElementById("regnUt").onclick = utregning; //Kjører funksjonen utregning ved trykk på knapp
  16. }
  17.  
  18. function utregning() {
  19. var tekst = ""; //Setter standardverdi for teksten
  20. var belop = parseInt(document.getElementById("belop").value); //Henter inn verdiene og parser de, samt regner ut renter
  21. var antAr = parseInt(document.getElementById("antAr").value);
  22. var rente = (100 + parseInt(document.getElementById("rente").value)) / 100;
  23. var antGanger = 0;
  24.  
  25. while (antAr > 0) { //Kjører løkka helt til antall år er 0
  26. belop = belop * rente //Regner ut beløpet
  27. antAr--; //Minus 1 år for hver løkke
  28. antGanger++; //Teller hvor mange ganger løkka har gått, altså år
  29. tekst += "Etter " + antGanger + " år har du " + belop.toFixed(2) + " kroner i banken \n"; //Legger til ny "verdi"
  30. }
  31.  
  32. document.getElementById("tekstOmrade").innerHTML = tekst; //Utskrift
  33. }
  34. </script>
  35. </head>
  36. <body>
  37. <p>
  38. Pengebeløp: <input type="number" id="belop"></input><br />
  39. Antall år: <input type="number" id="antAr"></input><br />
  40. Rente: <input type="number" id="rente"></input><br />
  41. </p>
  42. <button id="regnUt">Regn ut</button><br />
  43. <textarea id="tekstOmrade"></textarea>
  44. </body>
  45. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement