إظهار رسالة تأكيد عملية الحذف قبل الحذف - جافاسكريبت

يمكنك استعمال الدالة confirm() في الجافاسكربت، وهي تقوم بأخذ التأكيد من المستخدم وستقوم بإرجاع true اذا وافق المستخدم عليها وfalse اذا لم يوافق المستخدم
قم بتعديل الكود الى الشكل التالي

function onclickDeleteUsers(keyuser){
  if (confirm('هل ترغب حقاً في الحذف؟')) {
    dbUsersSearch.child(keyuser).remove()
      .then(function() {
        alert("Remove succeeded.");
        location.reload();
      })
      .catch(function(error) {
        alert("Remove failed: " + error.message);
      });
  }
}

يمكنك أيضاً استعمال المكتبة Sweetalert2 لكي تحصل على شكل أفضل، ستقوم بإستدعائها من ال html
 

<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>

ثم تعدل الكود كالتالي:

function onclickDeleteUsers(keyuser){
  Swal.fire({
    title: 'هل ترغب حقاً بالحذف؟',
    icon: 'warning',
    showCancelButton: true,
    confirmButtonColor: '#3085d6',
    cancelButtonColor: '#d33',
    confirmButtonText: 'نعم',
    cancelButtonText: 'إغلاق'
  }).then((result) => {
    if (result.isConfirmed) {
      dbUsersSearch.child(keyuser).remove()
    .then(function() {
        /*Swal.fire(
        'تم الحذف!',
        'تم الحذف من قاعدة البيانات',
        'success'
      )*/
      alert("Remove succeeded.");
      location.reload();
    })
    .catch(function(error) {
      alert("Remove failed: " + error.message);
    });
    }
  })
}

يمكنك استخدام التابع confirm الذي يعرض على المستخدم سؤال ويمكنك اختيار اذا تريد الحذف أو لا, يمكنك استخدامها كالآتي, لنفترض لديك الكود التالي

<button onclick="onclickDeleteUsers()">خذ</button>

وهذا كود جافاسكربت

        function onclickDeleteUsers(){
            var x=window.confirm('do?');
            if(x){
                console.log(x);
            }
        }

عند الضغط على الزر سوف تظهر رسالة, ويوجد زران, الزر الاول Ok والزر الثاني Cancel, عند الضغط على Ok سوف يتم تنفيذ الكود الذي بداخل if , واذا ضغطت على Cancel لن يتم تنفيذ شيء, بداخل if قمت بطباعة قيمة المتغير x, أي سوف يرجع الي قيمة, هذه القيمة اما true او false , عند الضغط على Ok سوف يرجع true وعند الضغط Cancel سوف يرجع false , لتنفيذ هذا الامر على الكود الذي لديك يصبح هكذا

function onclickDeleteUsers(keyuser){
if(confirm("Delete user?")){
  dbUsersSearch.child(keyuser).remove()
    .then(function() {
      alert("Remove succeeded.");
      location.reload();
    })
    .catch(function(error) {
      alert("Remove failed: " + error.message);
    });
}

}

حاول تطبيق ذلك