网站开发中input值修改后执行计算的方法

         在企业网站开发中，很多时候会遇到关于input值修改后执行计算的，如果简单可以使用 oninput事件可以实现input里面输入内容或者删除内容触发该事件，直接写在input内，如下面代码：
        
    但现实的网站建设过程中，一般是比较复杂的多，如下面的页面：

我们可以单独写个函数来进行操作
     
     JS代码：     HTML代码：