Facebook
From Adrian, 8 Years ago, written in HTML5.
Embed
Download Paste or View Raw
Hits: 384
  1. <!DOCTYPE html>
  2. <html lang="pl">
  3.     <meta charset="UTF-8">
  4.     <title>Proste działania</title>
  5. </head>
  6.     <h1>PROSTE DZIAŁANIA</h1>
  7.     <form name="form" id="form">
  8.         <div>
  9.             <label for="x1">Podaj pierwszą liczbę:</label>
  10.             <input type="text" name="x1">
  11.         </div>
  12.         <div>
  13.             <label for="x2">Podaj drugą liczbę:</label>
  14.             <input type="text" name="x2">
  15.         </div>
  16.         <div>
  17.             <button type="button" onclick="compute('+', form.x1.value, form.x2.value);">Dodawanie</button>
  18.             <button type="button" onclick="compute('-', form.x1.value, form.x2.value);">Odejmowanie</button>
  19.             <button type="button" onclick="compute('*', form.x1.value, form.x2.value);">Mnożenie</button>
  20.             <button type="button" onclick="compute('/', form.x1.value, form.x2.value);">Dzielenie</button>
  21.         </div>
  22.     </form>
  23.     <div id="result"></div>
  24.     <script>
  25.         var form = document.getElementById('form');
  26.         var result = document.getElementById('result');
  27.         function compute(sign, x1, x2) {
  28.             if (x1 === '' || x2 === '') {
  29.                 result.innerHTML =  'Proszę uzupełnić obie liczby.';
  30.             } else if (sign === '/' && x2 == 0) {
  31.                result.innerHTML = 'Nie wolno dzielić przez zero.';
  32.             } else {
  33.                 result.innerHTML = 'Wynik działania wynosi ' + eval(x1 + '' + sign + '' + x2);
  34.             }
  35.            
  36.         }
  37.     </script>
  38. </body>
  39. </html>