Oláá, estou estudando javascript e em um dos exercicios devo fazer um codigo para uma loja de donuts, onde quando for fornecido o numero de donut e donuts com cobertura deve-se automaticamente ser atribuido um valor aos campos taxa, subtotal e total. estou usando o comando onchange nos campos de donuts do formularios, porem, por algum motivo comando onchnge não esta realizando funçao nenhuma, vou mostrar como ta o código que é melhor:
<script type="text/javascript">
function updateOrder() {
const TAXRATE = 0.0925;
const DONUTPRICE = 0.50;
var numCakeDonuts = parseInt(document.getElementById("cake").value);
var numGlazedDonuts = parseInt(document.getElementById("glazedonut").value);
var subTotal = (numCakeDonuts + numGlazedDonuts) * DONUTPRICE;
obrigado a quem puder ajudar, não consigo entender porque o codigo não esta funcionando, não sei se falta algo na parte logica ou se foi algum erro grotesco de sintax, flww galra, vlw!
Pergunta
Walter Bega
Oláá, estou estudando javascript e em um dos exercicios devo fazer um codigo para uma loja de donuts, onde quando for fornecido o numero de donut e donuts com cobertura deve-se automaticamente ser atribuido um valor aos campos taxa, subtotal e total. estou usando o comando onchange nos campos de donuts do formularios, porem, por algum motivo comando onchnge não esta realizando funçao nenhuma, vou mostrar como ta o código que é melhor:
<script type="text/javascript">
function updateOrder() {
const TAXRATE = 0.0925;
const DONUTPRICE = 0.50;
var numCakeDonuts = parseInt(document.getElementById("cake").value);
var numGlazedDonuts = parseInt(document.getElementById("glazedonut").value);
var subTotal = (numCakeDonuts + numGlazedDonuts) * DONUTPRICE;
var taxa = subTotal * TAXRATE;
var total = subTotal + taxa;
}
document.getElementById("tax").value = "$" + taxa.toFixed(2);
document.getElementById("subtotal").value = "$" + subTotal.toFixed(2);
document.getElementById("total").value = "$" + total.toFixed(2);
function placeOrder() {
//submit to server
form.submit();
}
</script>
</head>
<body>
...
<form method="post" id="form_entrega" action="Walter/fireworks/JavaScript/Use a Cabeça JS/donuts shop/donuts.php">
<div class="field">Name:<input type="text" id="name" name="name" align="right" /></div>
<div class="field"># of Cake Donuts:<input type="text" id="cake" name="cake" value="" onchange="updateOrder();"/></div>
<div class="field"># of Glazed Donuts:<input type="text" id="glazedonuts" name="glazedonuts" value="" onchange="updateOrder();" /></div>
<div class="field">Minuts til the pickup: <input type="text" id="pickup" /></div>
<div class="field">Subtotal:<input type="text" id="tax" value="$" /></div>
<div class="field">Tax:<input type="text" id="subtotal" value="$" /></div>
<div class="field">Total:<input type="text" id="total" value="$" /></div>
<div class="field"><input type="submit" value="Palce Order" onclick="placeOrder(this.form);" /></div>
</form>
obrigado a quem puder ajudar, não consigo entender porque o codigo não esta funcionando, não sei se falta algo na parte logica ou se foi algum erro grotesco de sintax, flww galra, vlw!
Link para o comentário
Compartilhar em outros sites
1 resposta a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.