Calculo Com Javascript

Boa tarde,

Galera eu comprei o livro "Use a Cabeça - JavaScript", tem um exemplo que usa calculo em formulário, mais quando eu clico no botão, nada acontece, será que alguém poderia me ajuda? segue os códigos:

<html>

<head>

<title>Duncan's Just-In-Time Donuts</title>

<link rel="stylesheet" type="text/css" href="donuts.css" />

<script type="text/javascript">

function updateOrder()
{

const TAXRATE = 0.0925;

const DONUTPRICE = 0.50;

var numCakeDonuts = parseDonuts(document.getElementById("cakedonuts").value);

var numGlazedDonuts = parseDonuts(document.getElementById("glazeddonuts").value);

if (isNaN(numCakeDonuts))

numCakeDonuts = 0;

if (isNaN(numGlazedDonuts))

numGlazedDonuts = 0;

var subTotal = (numCakeDonuts + numGlazedDonuts) * DONUTPRICE;

var tax = subTotal * TAXRATE;

var total = subTotal + tax;

document.getElementById("subtotal").value = "$" + subTotal.toFixed(2);

document.getElementById("tax").value = "$" + tax.toFixed(2);

document.getElementById("total").value = "$" + total.toFixed(2);

}

function parseDonuts(donutString)
{

numDonuts = parseInt(donutString);

if (donutString.indexOf("dozen") != -1) numDonuts *= 12;

return numDonuts;

}

function placeOrder(form)
{

if (document.getElementById("name").value == "")

alert("I'm sorry but you must provide your name before submitting an order.");

else if (document.getElementById("pickupminutes").value == "" || isNaN(document.getElementById("pickupminutes").value))

alert("I'm sorry but you must provide the number of minutes until pick-up before submitting an order.");

else
// Submit the order to the server

form.submit();

}

</script>

</head>

<body>

<div id="frame">

<div class="heading">Duncan's Just-In-Time Donuts</div>

<div class="subheading">All donuts 50 cents each, cake or glazed!</div>

<div id="left">

<img src="donuttime.png" alt="Just-In-Time Donuts" />

</div>

<form name="orderform" action="donuts.php" method="POST">

<div class="field">

Name: <input type="text" id="name" name="name" value="" />

</div>

<div class="field">

# of cake donuts: <input type="text" id="cakedonuts" name="cakedonuts" value=""
onchange="updateOrder();" />
</div>
<div class="field">
# of glazed donuts: <input type="text" id="glazeddonuts" name="glazeddonuts" value=""
onchange="updateOrder();" />
</div>
<div class="field">
Minutes 'til pickup: <input type="text" id="pickupminutes" name="pickupminutes" value="" />
</div>
<div class="field">
Subtotal: <input type="text" id="subtotal" name="subtotal" value="" readonly="readonly" />
</div>
<div class="field">
Tax: <input type="text" id="tax" name="tax" value="" readonly="readonly" />
</div>
<div class="field">
Total: <input type="text" id="total" name="total" value="" readonly="readonly" />
</div>
<div class="field">
<input type="button" value="Place Order" onclick="placeOrder(this.form);" />
</div>
</form>
</div>
</body>
</html>

segue também o código em PHP

<html>

<body>

<?php

$num = rand(1000, 10000);

$name = $_POST['name'];

$minutes = $_POST['pickupminutes'];

$total = $_POST['total'];

echo "<h1>Duncan's Just-In-Time Donuts</h1>";

echo "<h2>Order Confirmation</h2>";

echo "<strong>Order #" . $num . "</strong><br />";

echo "Customer name: " . $name . "<br />";

echo "Ready in: " . $minutes . " minutes<br />";

echo "Total: <em>" . $total . "</em>";

?>

</body>

</html>

desde já agradeço.

#1 marcosfg

#2 marcosfg

0 user(s) are reading this topic

Calculo Com Javascript

#1 marcosfg

#2 marcosfg

0 user(s) are reading this topic

Entrar