membuat baris baru dengan java script

Saya coba membuat tabel dengan tujuan setiap klik add baris selalu nambah barisnya pada tatapi tabel tersebut namun pass saya cek di console chrome ada error seperti berikut:

Uncaught ReferenceError: $ is not defined at table.js:31:1

dengan script seperti berikut:

function Barisbaru(){ var Nomor = $("#tableLoop tbody tr").length + 1; var Baris = '<tr>'; Baris += '<td class="text-center">'+Nomor+'</td>'; Baris += '<td>'; Baris += '<select class="form-control" name="kode_akun3[]" id="kode_akun3'+Nomor+'" required> </select>'; Baris += '</td>'; Baris += '<td>'; Baris += '<input type="number" name="debit[]" class="form-control" placeholder="Debit....." required>'; Baris += '</td>'; Baris += '<td>'; Baris += '<<input type="number" name="kredit[]" class="form-control" placeholder="Kredit....." required>'; Baris += '</td>'; Baris += '<td>'; Baris += '<select class="form-control" name="id_status[]" id="id_status'+Nomor+'" required> </select>'; Baris += '</td>'; Baris += '<td class="text-center">'; Baris += '<a class="btn btn-sm btn-outline-danger" title="Hapus Baris" id="HapusBaris"><i class="fa-solid fa-trash-can"></i></a>'; Baris += '</td>'; Baris += '</tr>';

    $("#tableLoop tbody").append(Baris);
    $("#tableLoop tbody tr").each(function(){
        $(this).find('td:nth-child(2) input').focus();
    });

FormSelectAkun(Nomor);
FormSelectStatus(Nomor);

}

$(document).ready(function(){ var A; for (A =1; A<=1; A++){ Barisbaru(); } $('#BarisBaru').click(function(e){ e.preventDefault(); Barisbaru(); }); $("tableLoop tbody").find('input[type=text]').filter(':visible:first').focus(); });

$(document).on('click','#HapusBaris', function(e){ e.preventDefault(); var Nomor = 1; $(this).parent().remove(); $('tableLoop tbody tr').each(function(){ $(this).find('td:nth-child(1)').html(Nomor); Nomor++; }); });

function FormSelectAkun(Nomor){ var output = []; output.push('<option value="">- Pilih Data -</option>'); $.getJSON('/Transaksi/akun3', function(data){ $.each(data, function(key, value){ output.push('<option value="' + value.kode_akun3 +'">'+value.kode_akun3+'|'+value.nama_akun3+'|'+value.nama_akun3+'</option>') }); $('#kode_akun3' + Nomor).html(output.join('')); }); }

function FormSelectStatus(Nomor){ var output = []; output.push('<option value="">- Pilih Data -</option>'); $.getJSON('/Transaksi/status', function(data){ $.each(data, function(key, value){ output.push('<option value="' + value.id_status +'">'+value.status+'</option>') }); $('#id_status' + Nomor).html(output.join('')); }); }

untuk link ke file trsebut : <script type="text/javascript" src="<?= base_url('assets'); ?>/js/table.js"></script>

Mohon pencerahannya saya menggunakan CI4 dan