Простые проблемы с добавлением JavaScript

Question

Я не очень хорошо разбираюсь с JS, и по какой-то причине, когда я пытаюсь добавить два поля вместе, он объединяет их, а не суммирует вместе ... это код, который я пытаюсь использовать ..

    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);

    };

totalVal отображает / предупреждает 68.50378.00 вместо того, чтобы складывать их вместе ... Может кто-нибудь сказать мне, где я ошибся? :( Идея состоит в том, чтобы обновить текстовое поле total с помощью totalVal, но я еще не дошел до этого!

Answer 1

Спасибо за все ответы! Я попробую их, я уверен, что они лучше моего решения:

<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>