Simple JavaScript addition issues

Question

Non sono così bravo con JS e per qualche motivo quando provo ad aggiungere due campi insieme li unisco piuttosto che sommare la somma .. questo è il codice che sto cercando di usare ..

function calculateTotal() { 

     var postageVal = document.getElementById('postage').value; //$68.50 
     var subtotalVal = document.getElementById('subtotal').value; //$378.00 

     var postage = postageVal.substr(1); //68.50 
     var subtotal = subtotalVal.substr(1); //378.00 
     var totalVal = postage+subtotal; 

     alert(postage); 
     alert(subtotal); 
     alert(totalVal); 

    }; 

Il totalVal è eco/allertare out 68.50378.00 piuttosto che aggiungere loro insieme .. qualcuno potrebbe dirmi dove ho sbagliato? :(L'idea è di aggiornare il campo di testo "totale" con totalVal, ma non sono ancora arrivato lontano!

Answer 1

È necessario convertire i valori ad un galleggiante prima di aggiungere di loro:

var totalVal = parseFloat(postage) + parseFloat(subtotal); 

EDIT: Ecco un esempio completo che comprende un assegno di NaN:

function calculateTotal() { 

    var postageVal = document.getElementById('postage').value; //$68.50 
    var subtotalVal = document.getElementById('subtotal').value; //$378.00 

    var postage = parseFloat(postageVal.substr(1)); //68.50 
    var subtotal = parseFloat(subtotalVal.substr(1)); //378.00 
    var postageAsFloat = isNaN(postage) ? 0.0 : postage; 
    var subtotalAsFloat = isNaN(subtotal) ? 0.0 : subtotal; 
    var totalVal = postageAsFloat + subtotalAsFloat; 

    alert(postage); 
    alert(subtotal); 
    alert(totalVal); 

}; 

Answer 2

Non ho testato il tuo codice quindi potrebbero esserci altri problemi ma la correzione che segue usando parseFloat dovrebbe fermarsi la concatenazione e aggiungere i numeri insieme

function calculateTotal() { 

    var postageVal = document.getElementById('postage').value; //$68.50 
    var subtotalVal = document.getElementById('subtotal').value; //$378.00 

    var postage = postageVal.substr(1); //68.50 
    var subtotal = subtotalVal.substr(1); //378.00 
    var totalVal = parseFloat(postage)+parseFloat(subtotal); 

    alert(postage); 
    alert(subtotal); 
    alert(totalVal); 

}; 

Answer 3

parseFloat fa il trucco

var postage = parseFloat(postageVal.substr(1)); 
var subtotal = parseFloat(subtotalVal.substr(1)); 

Answer 4

Prova a convertire i numeri di carri:..

function calculateTotal() { 

    var postageVal = document.getElementById('postage').value; //$68.50 
    var subtotalVal = document.getElementById('subtotal').value; //$378.00 

    var postage = parseFloat(postageVal.substr(1)); //68.50 
    var subtotal = parseFloat(subtotalVal.substr(1)); //378.00 
    var totalVal = postage+subtotal; 

    alert(postage); 
    alert(subtotal); 
    alert(totalVal); 

}; 

Answer 5

Trattano le spese di spedizione e il subtotale come stringhe e le concatenano. Puoi provare qualcosa del genere:

var totalVal = 0+postage+subtotal; 

Questo dovrebbe forzarlo in modalità numerica.

Tuttavia, ciò potrebbe causare problemi se i valori non finiscono per essere numeri. Dovresti eseguirlo attraverso le funzioni di analisi dei numeri corrette e aggiungere controlli per assicurarti che abbiano analizzato correttamente altrimenti ti ritroverai con NaN.

Answer 6

È necessario analizzare il numero di primo. Questo dovrebbe funzionare.

function calculateTotal() { 

    var postageVal = document.getElementById('postage').value; //$68.50 
    var subtotalVal = document.getElementById('subtotal').value; //$378.00 

    var postage = parseFloat(postageVal.substr(1)); //68.50 
    var subtotal = parseFloat(subtotalVal.substr(1)); //378.00 
    var totalVal = postage+subtotal; 

    alert(postage); 
    alert(subtotal); 
    alert(totalVal); 

}; 

Answer 7

Grazie per tutte le risposte! Io li provare, io sono sicuro che sono meglio di quanto la mia soluzione:

<script type="text/javascript"> 
function calculateTotal() { 

    var postageVal = document.cart.postage.value; 
    var subtotalVal = document.cart.subtotal.value; 

    var postage = postageVal.substr(1); 
    var subtotal = subtotalVal.substr(1); 
    var totalVal = Number(postage)+Number(subtotal); 

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

}; 
</script> 

Answer 8

Tutti gli altri ha l'idea giusta con parseFloat.

Volevo solo dire che io preferisco di ripulire valori numerici come questo (al contrario di analisi con substr):

var postageVal = document.getElementById('postage').value; //$68.50 

var postage = parseFloat(postageVal.replace(/[^0-9.]/g, '')); 

che sostituiscono chiamata sarà rimuovere eventuali caratteri dalla stringa tranne0 -9 e . (periodo). Non lo /g alla fine della regex. Questo è importante perché, senza di esso, verrà sostituita solo la prima occorrenza di corrispondenza.

Answer 9

più unario dovrebbe funzionare:

var totalVal = (+postage) + (+subtotal); 

Ma probabilmente intendeva la vostra affrancatura e le variabili totali parziali per essere i numeri piuttosto che stringhe, quindi ...

var postage = +postageVal.substr(1); //68.50 
var subtotal = +subtotalVal.substr(1); //378.00 
var totalVal = postage+subtotal; 

Answer 10

Avendo ottenuto lo stesso tipo di problemi Ho esaminato le funzioni JS parseFloat e parseInt e le ho trovate sviluppate male.

Quindi, pertanto, prevengo l'intero problema moltiplicando il valore * 1 del valore dell'elemento prima di aggiungerli. Ciò impone a JS di considerare il risultato come numerico anche se il valore è vuoto, in modo che possa essere gestito correttamente. Come segue:

var TEMP = (1 * el_1.value) + (1 * el_2.value); 
document.getElementById("el_tot").value = TEMP; 

Supponendo si vede che "el_1" ed altri sono i nomi di campo nella forma.

Answer 11

1.Simple javascript Oltre programma

<!DOCTYPE html> 
<html> 
<body> 
<p>This calculation perfoms an addition, and returns the result by using a  JavaScript.  Check for a demo</p> 
<form> 
Enter no 1:<input type="text" name="a"><br> 
Enter no 2:<input type="text" name="b"><br> 
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&  nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<button onclick="calc(this.form)">Calculate</button> 
</form> 

<script> 
function calc(form) 
{ 
var a=eval(form.a.value); 
var b=eval(form.b.value); 
var c=a+b; 
alert("The sum is " + c); 
} 
</script> 

</body> 
</html>