html如何达到计算数值,如何操纵某些html标签的数值并立即返回新值？

我是js的新手，我试图操纵一些h4和其他一些标签的值然后对每个标签做一些小数学并将新值返回给标签。感谢@drydenlong和@oliverong我到目前为止能够做到这一点：

Discount

Product 1

100

Product 2

200

Product 3

300

而这个基本的js

$('.discount').on('input',function(){

var base = parseInt($('.maththis').html());

var dis = $('.discount').val();

var newsum = dis - base;

$('.maththis').text(newsum);

});

我遇到了一些麻烦，现在被困住了:(

1)计算发生在keydown上并立即改变值，因此也没有回头。除非重新编码页面，否则无法进行新计算

2)因为即时尝试更改更多值我还需要处理全局变量，因为在这个例子中text()的值。只添加变量maththis的字符串而不是每个字符串。所以它使得100 + 200 + 300 = 100200300。这种错误计算也给出了NaN。

我怎么能修复它，以便计算发生在每个类=“maththis”分开而不是在一起，我如何解决class =“maththis”的值问题，以便我保持原始值在某处我需要进行更改关于折扣价值？

非常感谢<3