login  Naam:   Wachtwoord: 
Registreer je!
 Forum

formuliertje

Offline Thriller - 28/06/2008 18:06
Avatar van ThrillerNieuw lid Ik ben nog maar juist bezig met JavaScript maar hoe laat je dit deftig werken ?? dan kan ik al een stuk verder 

  1. <html>
  2.  
  3. <head>
  4. <title>Functies in JavaScript</title>
  5.  
  6. <script type="text/javascript">
  7. function Calc(a, b, operator)
  8. {
  9. var C;
  10.  
  11. switch( operator )
  12. {
  13. case 1: C = a+b;
  14. break;
  15. case 2: C = (a-b);
  16. break;
  17. case 3: C = (a*b);
  18. break;
  19. case 4: C = (a/b);
  20. break;
  21. }
  22.  
  23. document.Rekenblad.uitkomst.write(C);
  24. }
  25. </script>
  26. </head>
  27.  
  28. <body>
  29. <form name="Rekenblad">
  30.  
  31. <input type="text" name="a" />
  32.  
  33. <select name="operator">
  34. <option value="1">+</option>
  35. <option value="2">-</option>
  36. <option value="3">*</option>
  37. <option value="4">/</option>
  38. </select>
  39.  
  40. <input type="text" name="b" />
  41.  
  42. <input type="button" value=" = " onclick="Calc()" />
  43.  
  44. <input type="text" name="uitkomst" value="" />
  45.  
  46. </form>
  47. </body>
  48.  
  49. </html>

3 antwoorden

Gesponsorde links
Offline Martijn - 28/06/2008 18:28
Avatar van Martijn Crew PHP
  1. switch( operator )
  2. {
  3. case 1 ( operator="+"): C = a+b;
  4. break;
  5. case 2:( operator="-") C = (a-b);
  6. break;
  7. case 3( operator="*"): C = (a*b);
  8. break;
  9. case 4( operator="/"): C = (a/b);
  10. break;
  11. }


moet dat niet zo?
Offline timmie_loots - 28/06/2008 19:15
Avatar van timmie_loots PHP gevorderde Nee, dat moet niet zo. Probeer eens

  1. document.forms['rekenblad'].elements['uitkomst'].value = C;
Offline dopeydwerg - 19/07/2008 10:31
Avatar van dopeydwerg Nieuw lid Er zaten nog wel wat meer fouten in.

Zo doet ie het goed. Je kunt alleen maar afgeronde getallen opgeven.
dus geen cijfers achter de komma. Misschien is het een leuke oefening voor je om te zorgen dat ie dat wel doet.

Hier heb je de goed werkende versie

  1.  
  2. <title>Functies in JavaScript</title>
  3.  
  4. <script type="text/javascript">
  5. function Calc()
  6. {
  7. var C;
  8. var a = parseInt(document.Rekenblad.a.value);
  9. var b = parseInt(document.Rekenblad.b.value);
  10. var operator = document.Rekenblad.operator.value;
  11. alert(operator)
  12.  
  13. switch( operator )
  14. {
  15. case "1": C = (a+b);
  16. break;
  17. case "2": C = (a-b);
  18. break;
  19. case "3": C = (a*b);
  20. break;
  21. case "4": C = (a/b);
  22. break;
  23. }
  24.  
  25. document.Rekenblad.uitkomst.value = C;
  26. }
  27. </head>
  28.  
  29. <form name="Rekenblad">
  30.  
  31. <input type="text" name="a" />
  32.  
  33. <select name="operator">
  34. <option value="1">+</option>
  35. <option value="2">-</option>
  36. <option value="3">*</option>
  37. <option value="4">/</option>
  38.  
  39. <input type="text" name="b" />
  40.  
  41. <input type="button" value=" = " onclick="Calc()" />
  42.  
  43. <input type="text" name="uitkomst" value="" />
  44.  
  45. </form>
  46. </body>
  47.  
  48. </html>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.169s