Calculate Sum of Input Fields = Total

HTML

<div>
     <h2>List sum</h2>
    
     <p><strong>Book</strong><br />
         $ <input onblur="findTotal()" type="text" class="price" name="printcost" /></p>
    
     <p><strong>pancil</strong><br />
         $ <input onblur="findTotal()" type="text" class="price" name="digitalcost" /></p>
    
     <p><strong>bag</strong><br />
         $ <input onblur="findTotal()" type="text" class="price" name="dmscost" /></p>
    
     <p><strong>dress</strong><br />
         $ <input onblur="findTotal()" type="text" class="price" name="preprintcost" /></p>
    
     <p><strong>Total sum <span class="required">*</span></strong><br />
         $ <input type="text" name="totalorder" id="totalorder" /></p>
</div>

Javascript

function findTotal(){
    var arr = document.getElementsByClassName('price');
    var totalvalue=0;
    for(var i=0;i<arr.length;i++){
        if(parseFloat(arr[i].value))
            totalvalue += parseFloat(arr[i].value);
    }
    document.getElementById('totalorder').value = totalvalue;
}

Share this

Share on FacebookPlus on Google+