Как получить сумму чисел, находящихся в списке
?

Question

Как получить сумму чисел в result, находящихся в списке li, нажатием кнопки?

function add() {
  var liSum = document.getElementsByTagName("li");
  document.getElementById("result").innerHTML = liSum;
}

<html>

<body>
  <ul>
    <li> 100 </li>
    <li> 100 </li>
  </ul>
  <p id="result"></p>
  <input type="button" onclick="addUl()" value="Add" />
</body>

</html>

И чтоб когда нажатием кнопки выводился результат в result! Помогите пожалуйста!.

Answer 1

getElementsByTagName возвращает коллекци элементов. Как следствие: нужно циклом пробежаться по этой коллекции и сложить все значения, полученные на каждой итерации с итоговой переменной sum. изначально sum надо будет инициализировать нулём

Answer 2

const $result = document.getElementById(`result`);
const $li = document.getElementsByTagName(`li`);

document.getElementById(`i`).addEventListener(`click`, () => {
  let sum = 0;
  for (let i = 0; i < $li.length; i++) sum += parseInt($li[i].textContent);
  $result.innerHTML = sum.toString();
});

<ul>
  <li> 1 </li>
  <li> 2 </li>
  <li> 3 </li>
  <li> 100 </li>
  <li> 100 </li>
</ul>
<p id="result"></p>
<input id="i" type="button" value="Add" />

БЛОГ НА HUSL

Как получить сумму чисел, находящихся в списке
?

Ответы (2 шт):

БЛОГ НА HUSL

Как получить сумму чисел, находящихся в списке ?

Ответы (2 шт):

Как получить сумму чисел, находящихся в списке
?