sss

index.html

<script>        
        $(document).ready(function () {
            $('#example').DataTable({
                columns: [
                    {data: "nama"},
                    {data: "nisn"},
                    {data: "kelas"},
                    {data: "sekolah"},
                    {data: "nilai"},
                    {data: "hari"},
                    {data: "waktu"},
                    {data: "tombolHapus"}
                ]
            });
        });
    </script>

mencari.js

function mencari() {
  dataSiswas.splice(0, dataSiswas.length);

  datahasil = kuisnya.value;
  var task = firebase.database().ref(datahasil);

  tmp.innerHTML = "";
  if (kelasnya.value == "1") {
    kelasfix = "X RPL";
  } else if (kelasnya.value == "2") {
    kelasfix = "X TKJ A";
  } else if (kelasnya.value == "3") {
    kelasfix = "X TKJ B";
  }

  if (kelasfix != "") {
    const addDataToList = () => {
      return new Promise((resolve, reject) => {
        task.orderByChild("nama").on("child_added", function (data) {
          var taskvalue = data.val();

          if (kelasfix == taskvalue.kelas) {
            let dataSiswa = {
              nama: taskvalue.nama,
              nisn: taskvalue.nisn === undefined ? 0 : taskvalue.nisn,
              kelas: taskvalue.kelas,
              sekolah: taskvalue.sekolah,
              nilai: taskvalue.nilai,
              hari: taskvalue.hari,
              waktu: taskvalue.waktu,
              tombolHapus: `<button type="button" class="btn btn-outline-danger" onclick ="hapus(${taskvalue.id})">Hapus</button>`,
            };

            dataSiswas.push(dataSiswa);
          }

          if (cek11 == 0) {
            let ssps = document.querySelector(".center");
            ssps.innerHTML += "";
            ssps.innerHTML += `<button type="button" class="btn btn-danger deleted"><i class="fas fa-user-minus"></i>&nbsp;&nbsp;Hapus Semua Data</button>`;
            cek11 += 1;

            let klikkkk = document.querySelector(".deleted");
            klikkkk.addEventListener("click", function () {
              hapussemua(idnya);
            });
          }

          resolve();
        });
      });
    };

    addDataToList().then(() => {
      $("#example").dataTable().fnClearTable();
      if (dataSiswas.length != 0) {
        $("#example").dataTable().fnAddData(dataSiswas);
      }
    });
  } else {
    alert("Tentukan filter pencarian!");
  }
}