动态行的内联计算

我没有使用jQuery。。。

我正试图在Change上更新一些总数，但似乎没有像盒子上应该的那样工作。。。我只是JavaScript的新手，所以请温柔一点。

我希望在更改html输入值时动态计算Total列。我正在寻找实时显示和更新的总数，数量*成本。

<script type="text/javascript">
        function addRow(tableID) {
          /* bunch of other stuff (unimportant) */
                var cell3 = row.insertCell(3);
            var element3 = document.createElement("input");
            element3.type = 'text';
            element3.name = 'Qty' + rowCount;
            element3.onChange = function () {
                calcTotal(this)
            };
            cell3.appendChild(element3);
            var cell4 = row.insertCell(4);
            var element4 = document.createElement("input");
            element4.type = 'text';
            element4.name = 'Cost' + rowCount;
            element4.onChange = function () {
                calcTotal(this)
            };
            cell4.appendChild(element4);
            var cell5 = row.insertCell(5);
            var element5 = document.createElement("input");
            element5.type = 'text';
            element5.disabled = true;
            element5.name = 'Total' + rowCount;
            cell5.appendChild(element5);
        }
        function calcTotal(x) {
            var myRow = x.parentNode.parentNode;
            return alert(myRow);
            var c3 = myRow.cells[3];
            var c4 = myRow.cells[4];
            if (c3 && c4) {
                element5.value = c3 * c4;
            }
        }
    </script>

我面临的问题是

                element3.onChange = function () {
                calcTotal(this)
            };

不；实际上，我并没有将onChange插入到html输出中，所以我的想法是，当我在html端更改输入时，它实际上什么都做不了。

输出：

<td><input type="text" name="Qty1"></td>

任何意见都将不胜感激。

JS Fiddle在这里：https://jsfiddle.net/brianramsey/hhLm4d8h/