如何使用JavaScript計算表格中的總數

Question

我試圖對獲得的標記進行計算，並希望將其顯示在表格中。 如在javascript中一樣，我所做的計算如下：

<script>
                        function kira1() {
                            var myeBook = document.getElementById('eBook').value;
                            var result = document.getElementById('result1');
                            var myResult = myeBook * 3;
                            result.value = myResult;
                        }
                        function kira2() {
                            var mybukuTeks = document.getElementById('bukuTeks').value;
                            var result = document.getElementById('result2');
                            var myResult = mybukuTeks * 3;
                            result.value = myResult;
                        }
                        function kira3() {
                            var mymodul = document.getElementById('modul').value;
                            var result = document.getElementById('result3');
                            var myResult = mymodul * 2;
                            result.value = myResult;
                        }
                        function kira4() {
                            var myjurnal = document.getElementById('jurnal').value;
                            var result = document.getElementById('result4');
                            var myResult = myjurnal * 2;
                            result.value = myResult;
                        }
                        function kira5() {
                            var myePembelajaran = document.getElementById('ePembelajaran').value;
                            var result = document.getElementById('result5');
                            var myResult = myePembelajaran * 1;
                            result.value = myResult;
                        }
                        function kira6() {
                            var myinovasi = document.getElementById('inovasi').value;
                            var result = document.getElementById('result6');
                            var myResult = myinovasi * 1;
                            result.value = myResult;
                        }
                        function kira7() {
                            var a = document.getElementById('result1').value;
                            var b = document.getElementById('result2').value;
                            var c = document.getElementById('result3').value;
                            var d = document.getElementById('result4').value;
                            var e = document.getElementById('result5').value;
                            var f = document.getElementById('result6').value;
                            var result = document.getElementById('jumlah_1A');
                            var myResult = a + b + c + d + e + f;
                            result.value = myResult;
                        }           
                    </script>

但是，當我嘗試運行它時，總數沒有按我想要的方式顯示。

這是輸出：

總數應顯示在“ Jumlah Skor 1A”上

Answer 1

嘗試使用：

document.getElementById('jumlah_1A').innerHTML
i.e. document.getelementbyid('idname').innerHTML

根據我的理解，“ jumlah_1A”是一個div而不是一個Input框。 因此請使用.innerHTML而不是.value

W3school鏈接： http : //www.w3schools.com/jsref/prop_html_innerhtml.asp

Answer 2

var a = parseInt(document.getElementById('result1').value);
var b = parseInt(document.getElementById('result2').value);
var c = parseInt(document.getElementById('result3').value);
var d = parseInt(document.getElementById('result4').value);
var e = parseInt(document.getElementById('result5').value);
var f = parseInt(document.getElementById('result6').value);

將所有值轉換為整數，然后再添加值。 如果jumlah_1A元素不是文本框，則執行

result.innerHTML = myResult;