標題重寫：無法對 Sum 函數做出反應

Question

我已經使用 JavaScript 啟用了 OnClick 功能。 但在最後的過程中，即求和，我插入的程式碼沒有反應。

<div class="modal fade" id="tambahgajiModal" tabindex="-1" role="dialog" aria-labelledby="tambahgajiModal" aria-hidden="true" data-backdrop="static" data -keyboard="false">
<div class="modal-dialog modal-lg">
    <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="tambahfungsiModal">Tambah Gaji Karyawan</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">×</span>
            </button>
        </div>
        <div class="modal-body">
            <表單操作=“/gaji/insert”方法=“POST”enctype=“multipart/form-data”>
                @csrf
                

                    <div class="row">
                        <div class="col-sm-12">
                            
                            <腳本類型=“text/javascript”>
                                函數 golongan() {
                                    var data = document.getElementById("gol").value;
                                    document.getElementById("tunjangan_gol").value = 數據;
                                }

                                函數功能（）{
                                    var data = document.getElementById("fungsi").value;
                                    document.getElementById("tunjangan_fungsi").value = data;
                                }

                                函數結構（）{
                                    var data = document.getElementById("struktur").value;
                                    document.getElementById("tunjangan_struktur").value = 資料;
                                }

                                函數求和() {
                                    var txtFirstNumberValue = document.getElementById('tunjangan_gol').value;
                                    var txtSecondNumberValue = document.getElementById('tunjangan_fungsi').value;
                                    var txtThreeNumberValue = document.getElementById('tunjangan_struktur').value;
                                    var 結果 = parseFloat(txtFirstNumberValue) parseFloat(txtSecondNumberValue) parseFloat(txtThreeNumberValue);
                                    if (!isNaN(結果)) {
                                        document.getElementById('total').value = 結果;
                                    }
                                }
                            </腳本>
                            <div class="form-group">
                                ;
                                    <選項>-- Nama Karyawan --
                                    @foreach（$karywan 為 $data）
                                    {{ $data->nama }};
                                    @endforeach
                                </選擇>
                                <div class="invalid-feedback">
                                    @錯誤（'nama'）
                                    {{$訊息}}
                                    @結束錯誤
                                
                            ;
                            <div class="form-group">
                                ;
                                    <選項>-- Golongan dan M K G --</選項>
                                    @foreach（$golongan 作為$data）
                                    <選項值=“{{ $data->tunjangan_gol }}”>{{ $data->gol }} | {{ $data->mkg }};
                                    @endforeach
                                </選擇>
                                

                                    @錯誤（'戈爾'）
                                    {{$訊息}}
                                    @結束錯誤
                                
                            
                            <div class="form-group">
                                
                                <div class="invalid-feedback">
                                    @error('tunjangan_gol')
                                    {{$訊息}}
                                    @結束錯誤
                                

Answer 1

首先使用控制台日誌檢查您的值，然後也控制台總和，然後將其推送到總和輸入欄位。據我所知，您的程式碼很好，並且可以在我的電腦上以原始 html 形式運行。所以您可能選擇了錯誤的 id，請檢查一下。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
</head>
<body>
    <input name="num1" type="number" id="num1" onkeyup="sum()" type="text" placeholder="" class="form-control" value="" />
    <input name="num1" type="number" id="num3" onkeyup="sum()" type="text" placeholder="" class="form-control" value="" />
    <input name="num1" type="number" id="num2" onkeyup="sum()" type="text" placeholder="" class="form-control" value="" />
    <input name="num1" type="number" id="total" onkeyup="sum()" type="text" placeholder="" class="form-control" value="" />

    <script>
        function sum() {
            var txtFirstNumberValue = document.getElementById("num1").value;
            var txtSecondNumberValue = document.getElementById("num2").value;
            var txtThreeNumberValue = document.getElementById("num3").value;
            var result = parseFloat(txtFirstNumberValue) parseFloat(txtSecondNumberValue) parseFloat(txtThreeNumberValue);
            if (!isNaN(result)) {
                document.getElementById("total").value = result;
            }
        }
    </script>
</body>