我们将如何使用一个输出文本框在php中创建一个简单的计算器

Question

Here is my form and i want to make a simple calculator in php using with one text box

<form action="calculator.php" method="POST">

  <input type="text" name="result">
  <br>
  <input type="button" name="one" value="1">
  <input type="button" name="two" value="2">
  <input type="button" name="three" value="3">
  <input type="button" name="four" value="4">
  <input type="button" name="five" value="5">
  <input type="button" name="six" value="6">
  <input type="button" name="seven" value="7">

  <input type="button" name="eight" value="8">
  <input type="button" name="nine" value="9">
  <input type="button" name="0" value="0">
  <input type="button" name="+" value="+">
  <input type="button" name="-" value="-">
  <input type="button" name="*" value="*">


</form>

Answer 1

If you send your request to calculator.php like this, you can't tell the difference between the numbers you pressed first.

So first of all you need to put those numbers into a text field - maybe with javascript? - and then you can transmit the form to calculator.php and do the math. If you only got one textfield, you can simply split the string you will get and search for your operations.

Answer 2

need to use some javascript, get the values and append to the text box

<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

<script type="text/javascript">
$(document).ready(function() {
    $("#frmCalc input:button").on("click", function() {
        var par = $(this).val();            
        $("#result").val($("#result").val() + par);
    });
});
</script>
<form action="calculator.php" id="frmCalc" method="POST">
<input type="text" name="result" id="result">
<br>
<input type="button" name="one" value="1">
<input type="button" name="two" value="2">
<input type="button" name="three" value="3">
<input type="button" name="four" value="4">
<input type="button" name="five" value="5">
<input type="button" name="six" value="6">
<input type="button" name="seven" value="7">

<input type="button" name="eight" value="8">
<input type="button" name="nine" value="9">
<input type="button" name="0" value="0">
<input type="button" name="+" value="+">
<input type="button" name="-" value="-">
<input type="button" name="*" value="*">
</form>