Не берутся значение из тега span

182

08 октября 2019, 02:00

Подскажите пожалуйста, не берутся данные, записаны в тег span

(function () { 
  var el = document.getElementById('rezult'); 
  var inputs = document.getElementsByClass('sum').innerHTML; 
  var sum=0; 
  for (var i=0; i<inputs.length; i++)  { 
    sum += parseInt(inputs[i].value); 
  } 
  el.value = sum; 
})();

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.3.0/lodash.js"></script> 
 
 
<span class="sum">20</span> 
<span class="sum">20</span> 
 
 
<p><input type="submit" value="Считать" onclick="someFunc()" /></p> 
результат:<input id="rezult" >

Answer 1

Заменил: document.getElementsByClass => document.getElementsByClassName
Вызвал в цикле: parseInt(inputs[i].innerHTML) вместо parseInt(inputs[i].value)

(function () { 
  var el = document.getElementById('rezult'); 
  var inputs = document.getElementsByClassName('sum'); 
  var sum=0; 
   
  for (var i=0; i< inputs.length; i++)  { 
    sum += parseInt(inputs[i].innerHTML); 
  } 
   
  el.value = sum; 
})();

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.3.0/lodash.js"></script> 
 
 
<span class="sum">20</span> 
<span class="sum">20</span> 
 
 
<p><input type="submit" value="Считать" onclick="someFunc()" /></p> 
результат:<input id="rezult" >