API tools faq
paste
RafaelDeJongh

Rekenmachine

RafaelDeJongh
Sep 30th, 2013
119
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 7.78 KB | None | 0 0
raw download clone embed print report
  1. <?php
  2. $uitkomst = 'Onbekend';
  3.   if (isset($_POST['bereken'])) {
  4.     $getalx = $_POST['getalx'];
  5.     $getaly = $_POST['getaly'];
  6.     $functie = $_POST['functie'];
  7.  
  8.         switch($functie)
  9.         {
  10.              case "+" : $uitkomst= $getalx + $getaly;
  11.                        break;
  12.              case "-" : $uitkomst= $getalx - $getaly;
  13.                        break;
  14.              case "*" : $uitkomst= $getalx * $getaly;
  15.                       break;
  16.              case "/" : if($getaly == 0){ $uitkomst = 'U heeft juist gedeeld door 0';
  17.                         }else{
  18.                         $uitkomst = $getalx / $getaly;
  19.                         }
  20.                       break;
  21.              case "%" : if($getaly == 0){ $uitkomst = 'U heeft juist gemoduleerd door 0';
  22.                         }else{
  23.                         $uitkomst = $getalx % $getaly;
  24.                         };
  25.                        break;
  26.              default  : $uitkomst ;
  27.         }
  28.     }
  29. ?>
  30. <!doctype html>
  31. <html>
  32. <head>
  33. <meta charset="utf-8">
  34. <meta name="author" content="Rafaël De Jongh">
  35. <meta name="description" content="Reken Machine">
  36. <meta name="keywords" content="rekenen, calculator, machine, tellen, aftrekken, vermenigvuldigen, delen">
  37. <title>Reken Machine</title>
  38. <style type="text/css">
  39. * { padding: 0; margin: 0;}
  40.  
  41. body {
  42.     background-color: #ccc;
  43.     font-family: Arial, Helvetica, sans-serif;
  44.     width: 1024px;
  45.     margin: 0 auto;
  46. }
  47.  
  48. #rekenmachine {
  49.     display: block;
  50.     width: 215px;
  51.     height: 100%;
  52.     padding: 4px 20px;
  53.     margin: 20px auto;
  54.     background-color: rgba(0,0,0,.2);
  55.     border-radius: 5px;
  56.     -webkit-border-radius: 5px;
  57.     -moz-border-radius: 5px;
  58.     -o-border-radius: 5px;
  59.     -opera-border-radius: 5px;
  60.     -ms-border-radius: 5px;
  61.     -khtml-border-radius: 5px;
  62.     box-shadow:
  63.         inset 0 1px 0 rgba(255,255,255,.75),
  64.         inset 1px 0 0 rgba(255,255,255,.35),
  65.         inset -1px 0 0 rgba(0,0,0,.35),
  66.         inset 0 -1px 0 rgba(0,0,0,.65),
  67.         0 1px 3px rgba(0,0,0,.3),
  68.         inset 0 -100px 200px rgba(0,0,0,.35),
  69.         0 20px 25px -10px rgba(0,0,0,.6);
  70.     -webkit-box-shadow:
  71.         inset 0 1px 0 rgba(255,255,255,.75),
  72.         inset 1px 0 0 rgba(255,255,255,.35),
  73.         inset -1px 0 0 rgba(0,0,0,.35),
  74.         inset 0 -1px 0 rgba(0,0,0,.65),
  75.         0 1px 3px rgba(0,0,0,.3),
  76.         inset 0 -100px 200px rgba(0,0,0,.35),
  77.         0 20px 25px -10px rgba(0,0,0,.6);
  78.     -moz-box-shadow:
  79.         inset 0 1px 0 rgba(255,255,255,.75),
  80.         inset 1px 0 0 rgba(255,255,255,.35),
  81.         inset -1px 0 0 rgba(0,0,0,.35),
  82.         inset 0 -1px 0 rgba(0,0,0,.65),
  83.         0 1px 3px rgba(0,0,0,.3),
  84.         inset 0 -100px 200px rgba(0,0,0,.35),
  85.         0 20px 25px -10px rgba(0,0,0,.6);
  86.     -o-box-shadow:
  87.         inset 0 1px 0 rgba(255,255,255,.75),
  88.         inset 1px 0 0 rgba(255,255,255,.35),
  89.         inset -1px 0 0 rgba(0,0,0,.35),
  90.         inset 0 -1px 0 rgba(0,0,0,.65),
  91.         0 1px 3px rgba(0,0,0,.3),
  92.         inset 0 -100px 200px rgba(0,0,0,.35),
  93.         0 20px 25px -10px rgba(0,0,0,.6);
  94.     -opera-box-shadow:
  95.         inset 0 1px 0 rgba(255,255,255,.75),
  96.         inset 1px 0 0 rgba(255,255,255,.35),
  97.         inset -1px 0 0 rgba(0,0,0,.35),
  98.         inset 0 -1px 0 rgba(0,0,0,.65),
  99.         0 1px 3px rgba(0,0,0,.3),
  100.         inset 0 -100px 200px rgba(0,0,0,.35),
  101.         0 20px 25px -10px rgba(0,0,0,.6);
  102.     -ms-box-shadow:
  103.         inset 0 1px 0 rgba(255,255,255,.75),
  104.         inset 1px 0 0 rgba(255,255,255,.35),
  105.         inset -1px 0 0 rgba(0,0,0,.35),
  106.         inset 0 -1px 0 rgba(0,0,0,.65),
  107.         0 1px 3px rgba(0,0,0,.3),
  108.         inset 0 -100px 200px rgba(0,0,0,.35),
  109.         0 20px 25px -10px rgba(0,0,0,.6);
  110.     -khtml-box-shadow:
  111.         inset 0 1px 0 rgba(255,255,255,.75),
  112.         inset 1px 0 0 rgba(255,255,255,.35),
  113.         inset -1px 0 0 rgba(0,0,0,.35),
  114.         inset 0 -1px 0 rgba(0,0,0,.65),
  115.         0 1px 3px rgba(0,0,0,.3),
  116.         inset 0 -100px 200px rgba(0,0,0,.35),
  117.         0 20px 25px -10px rgba(0,0,0,.6);
  118. }
  119. #rmn {
  120.     font-size: 15px;
  121.     font-weight: bold;
  122.     text-align: center;
  123.     padding-top: 5px;
  124.     text-shadow: 0 1px 0 rgba(255,255,255,.5);
  125.     color: black;
  126.     font-family: "Comic Sans MS", cursive;
  127. }
  128. #screen {
  129.     font-size: 18px;
  130.     text-align: center;
  131.     color: #88fdfa;
  132.     background-color: #999;
  133.     padding: 4px;
  134.     margin: 8px 0;
  135.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#1affffff');
  136.     background: -webkit-gradient(linear, left top, left bottom, from(#292929), color-stop(50%, #5f5f5f), color-stop(50%, #1a1a1a), to(#000000));
  137.     background: -moz-linear-gradient(top, #434343, #5e5e5e 50%, #181818 51%, #010101);
  138.     background: -o-linear-gradient(top, #434343, #5e5e5e 50%, #181818 51%, #010101);
  139.     background: -ms-linear-gradient(top, #434343, #5e5e5e 50%, #181818 51%, #010101);
  140.     box-shadow:
  141.         inset 40px 0 50px rgba(0,0,0,.6),
  142.         inset -40px 0 50px rgba(0,0,0,.6),
  143.         0 1px 0 rgba(255,255,255,.3),
  144.         0 -1px 0 rgba(0,0,0,.3);
  145.     -webkit-box-shadow:
  146.         inset 40px 0 50px rgba(0,0,0,.6),
  147.         inset -40px 0 50px rgba(0,0,0,.6),
  148.         0 1px 0 rgba(255,255,255,.3),
  149.         0 -1px 0 rgba(0,0,0,.3);
  150.     -moz-box-shadow:
  151.         inset 40px 0 50px rgba(0,0,0,.6),
  152.         inset -40px 0 50px rgba(0,0,0,.6),
  153.         0 1px 0 rgba(255,255,255,.3),
  154.         0 -1px 0 rgba(0,0,0,.3);
  155.     -o-box-shadow:
  156.         inset 40px 0 50px rgba(0,0,0,.6),
  157.         inset -40px 0 50px rgba(0,0,0,.6),
  158.         0 1px 0 rgba(255,255,255,.3),
  159.         0 -1px 0 rgba(0,0,0,.3);
  160.     -opera-box-shadow:
  161.         inset 40px 0 50px rgba(0,0,0,.6),
  162.         inset -40px 0 50px rgba(0,0,0,.6),
  163.         0 1px 0 rgba(255,255,255,.3),
  164.         0 -1px 0 rgba(0,0,0,.3);
  165.     -ms-box-shadow:
  166.         inset 40px 0 50px rgba(0,0,0,.6),
  167.         inset -40px 0 50px rgba(0,0,0,.6),
  168.         0 1px 0 rgba(255,255,255,.3),
  169.         0 -1px 0 rgba(0,0,0,.3);
  170.     -khtml-box-shadow:
  171.         inset 40px 0 50px rgba(0,0,0,.6),
  172.         inset -40px 0 50px rgba(0,0,0,.6),
  173.         0 1px 0 rgba(255,255,255,.3),
  174.         0 -1px 0 rgba(0,0,0,.3);
  175.     text-shadow: 0 0 2px rgba(255,255,255,.8),
  176.         0 0 15px rgba(255,255,255,.8);
  177.        
  178.     -moz-border-radius: 3px;
  179.     -webkit-border-radius: 3px;
  180.     border-radius: 3px;
  181. }
  182. input[type=submit] {
  183.     text-align: center;
  184.     padding: 8px;
  185.     margin: 8px auto;
  186.     width: 100%;
  187. }
  188. #rmc {
  189.     padding: 8px;
  190.     -moz-border-radius: 3px;
  191.     -webkit-border-radius: 3px;
  192.     border-radius: 3px;
  193.     margin: 10px auto 0 auto;
  194.     border: 1px solid #1a1a1a;
  195.     -moz-border-radius: 4px;
  196.     -webkit-border-radius: 4px;
  197.     border-radius: 4px;
  198.     -moz-background-clip: padding;
  199.     -webkit-background-clip: padding-box;
  200.     background-clip: padding-box;
  201.     background-color: #656565;
  202.     -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
  203.     -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
  204.     box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
  205.     background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDI0MCA0MyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSIgeDI9IjUwJSIgeTI9IjEwMCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMmUyZTJlIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjM2UzZTNlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyNDAiIGhlaWdodD0iNDMiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
  206.     background-image: -moz-linear-gradient(top, #2e2e2e 0%, #3e3e3e 100%);
  207.     background-image: -o-linear-gradient(top, #2e2e2e 0%, #3e3e3e 100%);
  208.     background-image: -webkit-linear-gradient(top, #2e2e2e 0%, #3e3e3e 100%);
  209.     background-image: linear-gradient(top, #2e2e2e 0%, #3e3e3e 100%);
  210. }
  211. input[type=number]{
  212.     -moz-border-radius: 3px;
  213.     -webkit-border-radius: 3px;
  214.     border-radius: 3px;
  215. }
  216. </style>
  217. </head>
  218.  
  219. <body>
  220. <form id="rekenmachine" name="rekenmachine" method="post" action="<?php $_SERVER['PHP_SELF'];?>">
  221. <!--<p id="rmn">Rafaël De Jongh's Calculator</p>-->
  222.         <?php echo '<p id="screen">Uitkomst: ' . $uitkomst . '</p>'; ?>
  223. <div id="rmc">
  224. <input type="number" name="getalx" id="getalx" required>
  225. <select name="functie" id="functie">
  226.   <option value="+">+</option>
  227.   <option value="-">-</option>
  228.   <option value="*">*</option>
  229.   <option value="/">/</option>
  230.   <option value="%">%</option>
  231. </select>
  232. <input type="number" name="getaly" id="getaly" required>
  233. </div>
  234. <input type="submit" name="bereken" id="bereken" value="Berekenen">
  235. </form>
  236. </body>
  237. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!