javascript - PHP multiplication and subtraction scripts -


i attempting make php script calculate total miles driven car rental customer (.12 cents per mile) multiplies value number of days rented car ($15 day) , display grand total in textarea box along name , address. new php , have no clue how project idea php code. have html version of code working, lacking knowledge php translate it.

anyone have ideas on how can write script?

<?php if(isset($_post['submit'])) { $x = $_post['bodometer']; $y = $_post['eodometer']; $z = $_post['daysrented']; $miles = $y - $x; { $result = (15 * $z) + ($miles * 0.12); echo $result; } } ?> <body> <div align="center"> <hr> <br> <form method="post" name id="main"> <input type="text" id="name" name="customername" placeholder="enter name here" size="30px">    <br><br> <input type="text" id="address" name="customeraddress" placeholder="enter street address here" size="50px">    <br><br> <input type="text" id="city" name="customercity" placeholder="what city live in?" size="30px">    <br><br> <input type="number" id="zip" name="customerzip" placeholder="enter zip code" size="30px">    <br><br> <input type="number" id="bodometer" name="beginningodometerreading" placeholder="start odometer reading" size="80px">    <br><br> <input type="number" id="eodometer" name="endingodometerreading" placeholder="end odometer reading" width="80px">  <br><br> <input type="number" id="daysrented" name="endingodometerreading" placeholder="days rented" size="50px">   <br><br> <input type="button" id="total" value="calculate how many miles drove , total cost!" onclick="javascript:multiply();"/> <br><br> miles driven: <input type="number" id='miles' min="1" max"10000" readonly="" /> total cost: <input type="number" id='result' min="1" max"10000" readonly="" /> <br><br> <input type="button" value="generate summary!" onclick="javascript:calculate();"/> <br><br> summary: <textarea cols="30" rows="2" id="textarea"> </textarea> <br><br> <input type="reset" value="reset"> </form>        <hr> </div> </body> 

here working html version of problem.

<!doctype html> <html> <head> <script type="text/javascript"> function calculate() {     var customername = main.name.value; var customeradd = main.address.value; var totalcost = document.getelementbyid('result').value; var area = document.getelementbyid("textarea"); area.value='name: '+customername+'\naddress: '+customeradd+'\ntotal cost: $'+totalcost+'';} </script>   <script type="text/javascript"> function multiply() { var b = document.getelementbyid('bodometer').value; var e = document.getelementbyid('eodometer').value; var result = document.getelementbyid('miles'); var myresult = (e - b); result.value= myresult; var d = document.getelementbyid('daysrented').value; var m = document.getelementbyid('miles').value; var result2 = document.getelementbyid('result'); var myresult2 = (d * 15 + m * 0.12); result2.value= myresult2; } </script>  </head> <body> <div align="center"> <hr> <br> <form name id="main"> <input type="text" id="name" name="customername" placeholder="enter name here" size="30px">    <br><br> <input type="text" id="address" name="customeraddress" placeholder="enter street address here" size="50px">    <br><br> <input type="text" id="city" name="customercity" placeholder="what city live in?" size="30px">    <br><br> <input type="number" id="zip" name="customerzip" placeholder="enter zip code" size="30px">    <br><br> <input type="number" id="bodometer" name="beginningodometerreading" placeholder="start odometer reading" size="80px">    <br><br> <input type="number" id="eodometer" name="endingodometerreading" placeholder="end odometer reading" width="80px">  <br><br> <input type="number" id="daysrented" name="endingodometerreading" placeholder="days rented" size="50px">   <br><br> <input type="button" id="total" value="calculate how many miles drove , total cost!" onclick="javascript:multiply();"/> <br><br> miles driven: <input type="number" id='miles' min="1" max"10000" readonly="" /> total cost: <input type="number" id='result' min="1" max"10000" readonly="" /> <br><br> <input type="button" value="generate summary!" onclick="javascript:calculate();"/> <br><br> summary: <textarea cols="30" rows="2" id="textarea"> </textarea> <br><br> <input type="reset" value="reset"> </form>        <hr> </div> </body> 

you haven't added submit button yet. replace

input type="button" value="generate summary!" onclick="javascript:calculate();"/> 

with

input type="submit" value="calculate " /> 

Comments

Popular posts from this blog

c# - Validate object ID from GET to POST -

node.js - Custom Model Validator SailsJS -

php - Find a regex to take part of Email -