właśnie poznaje javascript i mam taki problem ten kod, wyświetli mi ładnie liczby:
CODE
function updateOrder() {
const TAXRATE = 0.07;
const DONUTPRICE = 1.10;
var numCakeDonuts = document.getElementById("cakedonuts").value;
var numGlazedDonuts = document.getElementById("glazeddonuts").value;
var subTotal = (numCakeDonuts + numGlazedDonuts) * DONUTPRICE;
var tax = subTotal * TAXRATE;
var total = subTotal + tax;
document.getElementById("subtotal").value = subTotal.toFixed(2) + " PLN";
document.getElementById("tax").value = tax.toFixed(2) + " PLN";
document.getElementById("total").value = total.toFixed(2) + " PLN";
}
<form name="orderform" action="donuts.php" method="POST">
<div class="field">
Personalia: <input type="text" id="name" name="name" value="" />
</div>
<div class="field">
Liczba pączków z nadzieniem: <input type="text" id="cakedonuts" name="cakedonuts" value="" onchange="updateOrder();" />
</div>
<div class="field">
Liczba pączków z lukrem: <input type="text" id="glazeddonuts" name="glazeddonuts" value=""
onchange="updateOrder();" />
</div>
<div class="field">
Za ile minut odbiór: <input type="text" id="pickupminutes" name="pickupminutes" value="" />
</div>
<div class="field">
Suma częściowa: <input type="text" id="subtotal" name="subtotal" value="" readonly="readonly" />
</div>
<div class="field">
Podatek: <input type="text" id="tax" name="tax" value="" readonly="readonly" />
</div>
<div class="field">
Wartość sumaryczna: <input type="text" id="total" name="total" value="" readonly="readonly" />
</div>
<div class="field">
<input type="button" value="Złóż zamówienie" onclick="placeOrder(this.form);" />
</div>
</form>
Natomiast ten kod przy dodawaniu zrobi konkatencje. Nie wiem dlaczego? Mogę dodać funkcję "parseFloat" która załatwi sprawę ale nie wiem dlaczego robi tą konkatencje przy dodawaniu?:
CODE
function get() {
const x = 1;
var a = document.getElementById("liczba1").value;
var b = document.getElementById("liczba2").value;
var dodawanie =a+b * x;
var mnozenie =a*b * x;
document.getElementById("dodawanie").value = dodawanie.toFixed(2) + " PLN";
document.getElementById("mnozenie").value = mnozenie + " PLN";
}
<form name="liczby">
Liczba a:<input type="text" id="liczba1" name="liczba1" value="" onchange="get()" />
<br />
Liczba b:<input type="text" id="liczba2" name="liczba2" value="" onchange="get()" />
<br />
Wynik +<input type="text" id="dodawanie" name="dodawanie" value="" readonly="readonly" />
<br />
Wynik *<input type="text" id="mnozenie" name="mnozenie" value="" readonly="readonly" />
<br />
<input type="submit" value="click me!" />
</form>