Ajax калькулятор

  1. // calc.php
  2. <script type="text/javascript">
  3. /* <![CDATA[ */
  4. $(document).ready(function(){
  5. $('#calc').click(function(){
  6. var one = $('input[name="one"]').val();
  7. var two = $('input[name="two"]').val();
  8. var oper = $('select[name="oper"]').val();
  9. $.ajax({
  10. url: 'result.php',
  11. data: {one:one,two:two,oper:oper},
  12. success: function (data) {
  13. $('#result').html(data);
  14. $('#result').attr('disabled', false);
  15. },
  16. dataType: "html"
  17. });
  18. });
  19. });
  20. /* ]]> */
  21. </script>
  22.  
  23. <input name="one" style="width: 50px;" type="text" />
  24. <select style="width: 50px;" name="oper">
  25. <option value="+">+</option>
  26. <option value="-">-</option>
  27. <option value="*">*</option>
  28. <option value="/">/</option>
  29. </select>
  30. <input name="two" style="width: 50px;" type="text" />
  31. <input type="submit" value="Считать" name="calc" id="calc" />
  32. <div id="result">
  33. <!-- AJAX -->
  34. </div>
  35.  
  36. // result.php
  37. <?php
  38. $one = intval($_GET['one']);
  39. $two = intval($_GET['two']);
  40. $operator = $_GET['oper'];
  41.  
  42. #file_put_contents('log.txt', $one . $operator . $two . PHP_EOL, FILE_APPEND | LOCK_EX);
  43.  
  44. switch($operator){
  45. case '+':
  46. $result = $one + $two; break;
  47. case '-':
  48. $result = $one - $two; break;
  49. case '*':
  50. $result = $one * $two; break;
  51. case '/':
  52. if($two == 0)
  53. die('Делить на Ноль нельзя');
  54. else
  55. $result = $one / $two;
  56. break;
  57. default:
  58. return false;
  59. }
  60. echo '<b>Результат:' . $result . '</b>';
  61. ?>
смотрю мода на калики пошла гг :hack: :lamer:

Реклама

Мы в соцсетях

vk tw tg yt gt