jQuery суммирует значение списка чисел в другом div - PullRequest
Новая
       28

jQuery суммирует значение списка чисел в другом div

0 голосов
/ 07 декабря 2018

Сделайте поле ввода, в котором я могу только писать цифры и отправить кнопку отправки.Нажмите кнопку отправки, чтобы поместить номер в список.Отобразите числа в списке ниже.Сделайте коробку с идентификатором "SUM".Введите сумму чисел в списке.

Я застрял, чтобы суммировать числа в списке в div.Как я могу выполнить это в jquery?

Как я могу убедиться, что числа остаются в списке до полугода?Если я начну печатать в поле ввода, убедитесь, что оно не потеряет своего значения к концу сеанса, но не будет длиться вечно!Если список изменится, убедитесь, что я отображаю обновленный на странице, и пересчитайте сумму еще раз.Создайте функцию erease (sum), которая, когда я ее вызываю, стирает числа, полученные в параметре из списка.

localStorage.setItem function? 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf8">
    <title>task10</title>
    <script src="jquery-3.3.1.min.js"></script>
    <script src="task10.js"></script>

</head>
<body>

<input type="number" id="ipbox" value=""></p>

<button id="appendList">Send</button>

<ul class="listElement"></ul>
<div id="sum"></div>

</body>
</html>

$(document).ready(function(){

   $('#appendList').click(function(){
      $('.listElement').append($('<li>', {
           text: $('#ipbox').val()
      }));
  });


});

1 Ответ

0 голосов
/ 07 декабря 2018

Чтобы получить сумму: 

$(document).ready(function(){
    let s = 0;
    $('#appendList').click(function(){
        $('.listElement').append($('<li>', {
            text:$('#ipbox').val()
        }));
    s = s + parseInt($('#ipbox').val());
    $('#sum').text(s);
    });
});
...