0

制作一个输入字段，我只能在其中输入数字并提交提交按钮。按提交按钮将号码放入列表中。显示下面列表中的数字。制作一个带有“SUM” ID 的框。输入列表中数字的总和。

我被困在一个 div 中对列表数字求和。如何在 jquery 中进行此操作？

如何确保这些数字在列表中最多保留半年？如果我开始在输入字段中输入，请确保它在会话结束时不会丢失其值，但不会永远持续下去！如果列表发生变化，请确保我在页面上显示已更新并再次计算金额。制作一个 erease(sum) 函数，当我调用它时，它会从列表中删除参数中接收到的数字。

localStorage.setItem 函数？

<!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()
      }));
  });


});
4

1 回答 1

0

要得到总和：

$(document).ready(function(){
    let s = 0;
    $('#appendList').click(function(){
        $('.listElement').append($('<li>', {
            text:$('#ipbox').val()
        }));
    s = s + parseInt($('#ipbox').val());
    $('#sum').text(s);
    });
});
于 2018-12-07T10:37:42.013 回答