Добавить два выбранных значения вместе, а затем отобразить результаты JavaScript

Question

Пробовал получать значения из идентификационных тегов totalDiv-totalDiv1, чтобы каждый отображал результаты из выбранных значений, а затем добавлял их вместе, чтобы отображать значения, объединенные в реальном времени в ID теги totalall, но я продолжаю получать NaN.

<h2>£10 Each</h2> 
<select name="iteam1" onChange="calc1()"> 
    <option value="10">1</option> 
    <option value="20">2</option> 
    <option value="30">3</option> 
    <option value="40">4</option> 
    <option value="50">5</option> 
</select> 

<div id="totalDiv1">&pound;10</div> 

<h2>£10 Each</h2> 
<select name="iteam" onChange="calc()"> 
    <option value="10">1</option> 
    <option value="20">2</option> 
    <option value="30">3</option> 
    <option value="40">4</option> 
    <option value="50">5</option> 
</select> 

<div id="totalDiv">&pound;10</div> 
<br> 
<h2>Total</h2> 
<div id="totalall">&pound;0</div> 

<script> 
function calc() { 

var fruitOrVeg = document.getElementsByName("iteam")[0].value; 
var total = fruitOrVeg; 
    document.getElementById("totalDiv").innerHTML= "£" +(total); 
} 
</script> 

<script> 
function calc1() { 

var fruitOrVeg = document.getElementsByName("iteam1")[0].value; 
var total = fruitOrVeg; 
    document.getElementById("totalDiv1").innerHTML= "£" +(total); 
} 
</script> 

<script> 
window.onload = function total() { 

    var y = document.getElementById("totalDiv").value; 
    var z = document.getElementById("totalDiv1").value; 
    var x = +y + +z; 
    document.getElementById("totalall").innerHTML = "£" + x; 
} 
</script> 

Answer 1

точки заботиться. 1. Не смешивайте значение и символ 2. Вы добавляете символ в функцию Calc в div, а затем пытались объединить их оба, поэтому это, по-видимому, не число;

http://jsfiddle.net/ga16gt74/

<h2>£10 Each</h2> 
<select name="iteam1" onChange="calc1()"> 
    <option value="10">1</option> 
    <option value="20">2</option> 
    <option value="30">3</option> 
    <option value="40">4</option> 
    <option value="50">5</option> 
</select> 

<div id="totalDiv1">&pound; 
    <span id="totalDiv1Value">0</span> 
</div> 

<h2>£10 Each</h2> 
<select name="iteam" onChange="calc()"> 
    <option value="10">1</option> 
    <option value="20">2</option> 
    <option value="30">3</option> 
    <option value="40">4</option> 
    <option value="50">5</option> 
</select> 

<div id="totalDiv">&pound; 
    <span id="totalDivValue">0</span> 
</div> 
<br> 
<h2>Total</h2> 
<div id="totalall">&pound;0</div> 


<script> 
function calc() { 
    var fruitOrVeg = document.getElementsByName("iteam")[0].value; 
    var value = fruitOrVeg; 
    document.getElementById("totalDivValue").innerHTML= value; 
    total(); 
} 



function calc1() { 
    var fruitOrVeg = document.getElementsByName("iteam1")[0].value; 
    var value = fruitOrVeg; 
    document.getElementById("totalDiv1Value").innerHTML= value; 
    total(); 
} 

function total() { 

    var y = parseInt(document.getElementById("totalDivValue").innerHTML); 
    var z = parseInt(document.getElementById("totalDiv1Value").innerHTML); 
    var x = y+z; 
    document.getElementById("totalall").innerHTML = "£" + x; 
} 
</script> 

Answer 2

ли это:

var fruitOrEgg = parseInt(documentgetElementsByName("iteam")[0].value); 

В функции калькулятора.