Sou novo no jQuery e queria fazer uma operação de soma simples, porém como eu estou aprendendo a sintaxe ainda possuo dificuldades.
Eu consegui gerar o valor total dos pedidos, porém, eu não consigo gerar valor total: a taxa tem o valor fixo, logo valor do total é igual à taxa mais o valor do pedido. Eu fiz algoritmos de soma simples usando variáveis, porém eles me retornam NAN.
$(document).ready(function() {
$(".pizza-add-sub").append('<div class="plus qty-pizza">+</div><div class="mines qty-pizza">-</div>');
$(".qty-pizza").on("click", function() {
var $button = $(this);
var oldValue = $button.parent().find("input").val();
if ($button.text() == "+") {
var newVal = parseFloat(oldValue) + 1;
} else {
// Don't allow decrementing below zero
if (oldValue > 0) {
var newVal = parseFloat(oldValue) - 1;
} else {
newVal = 0;
}
}
$button.parent().find("input").val(newVal);
var valorTotal = 0;
var valoresMultiplicar = 0;
$(".qtdpedidos").each(function() {
valorTotal += parseFloat($(this).data("preco") * $(this).val());
})
$(".item span").each(function() {
valoresMultiplicar += parseFloat($(this).html());
})
$("#resultado").text((valorTotal));
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="#">
<div class="media-body">
<div class="menu-tittle"></div>
<div class="quantity">
<div class="pizza-add-sub">
<input data-preco="10.00" type="text" class="qtdpedidos" value="0" />
</div>
</div>
<div class="item" class="pizza-price">
<span id="pizza" class="pizza">10.00</span>
</div>
</div>
<div class="media-body">
<div class="quantity">
<div class="pizza-add-sub">
<input data-preco="10.00" type="text" id="qtdpedidos" class="qtdpedidos" value="0" />
</div>
</div>
<div class="item" class="pizza-price">
<span id="Span1" class="pizza">10.00</span>
</div>
</div>
</form>
<div class="last-liner">
<p>Valor do Pedido: R$<span id="resultado" class="resultado">0.00</span></p>
<p>Taxa de Entrega: <span id="txa" class="txa">0.00</span></p>
<p>Total: <span id="tot" class="tot">00.00</span></p>
</div>
input
, que é a quantidade, multiplicada pelo valor dedata-preco
, que é o preço, certo? O que seria a taxa que você cita na pergunta?