JS Evet Hayır Onay Mesaj Kutusu Hazırlamak

Merhabalar bu yazımda JS Evet Hayır Onay Mesaj Kutusu Hazırlamak konusuna bakacağız.

JS Evet Hayır Onay Mesaj Kutusu Hazırlamak

JavaScript’te “Evet/Hayır” onay mesaj kutuları, kullanıcılardan bir işlemi gerçekleştirmeye devam etmek isteyip istemediklerini sormak için kullanılır. Bu tür onay mesaj kutuları, genellikle bir form gönderme işlemi, bir veriyi silme işlemi veya benzeri potansiyel olarak riskli veya geri dönüşü olmayan işlemler öncesinde kullanıcıya bir uyarı sağlamak amacıyla kullanılır.

Bu tür bir onay mesaj kutusu, kullanıcının yanlışlıkla önemli bir işlemi gerçekleştirmesini önlemeye yardımcı olabilir. Örneğin, bir dosyayı silmek veya bir kaydı veritabanından kaldırmak gibi işlemler geri alınamaz olabilir, bu nedenle kullanıcıya bir onay sunmak iyi bir uygulama pratiğidir.

Hızlıca kodları görelim.

 <script src="https://code.jquery.com/jquery-3.7.1.slim.min.js"></script>
       <script>
                                function confirm_action(strMessage) {
                                    strMessage = (typeof strMessage !== 'undefined') ? strMessage : 'Are you sure you want to do this?';
                                    return !!confirm(strMessage);
                                }

                                if (confirm_action()) {
                                    alert("She say yes");
                                } else {
                                    alert("She say no");
                                }
                            </script>

Bu kodları kullanarak ekrana bir mesaj çıkartabiliriz. Evet’e tıkladığımızda “she say yes” diye bir alert kutusu çıkacak. Hayır’a tıkladığımızda “she say no” alert kutusu çıkacak.

Bu kodları biraz daha kısaltırsak şöyle bir hale getirebiliriz.

       var onay = confirm("Are you sure you want to do this?");
                                if (onay) {
                                    alert("She say yes");
                                } else {
                                    alert("She say no");
                                }

Bu kod, tarayıcı tarafında bir onay kutusu gösterir ve kullanıcı “Evet” veya “Hayır” seçeneklerinden birine tıkladığında, uygun duruma göre belirtilen işlemleri gerçekleştirir. Bu, kullanıcıya işlemi gerçekleştirmek veya vazgeçmek konusunda bir seçenek sunar.

1. İşlem Öncesi Uyarı:
   • Kullanıcı, bir sayfa üzerinde önemli bir işlem yapacaksa (örneğin, bir form gönderme, bir dosya silme, bir kayıt güncelleme gibi), bu işlem öncesi bir uyarı almalıdır.
   • Bu uyarı, kullanıcının yanlışlıkla veya düşünmeden bu işlemi gerçekleştirmesini önlemeye yönelik bir önlem olarak önemlidir.
2. confirm() Fonksiyonu:
   • JavaScript’te, tarayıcı tarafında basit bir onay kutusu oluşturmak için confirm() fonksiyonu kullanılır.
   • Bu fonksiyon, bir metin ile birlikte “OK” (Evet) ve “Cancel” (Hayır) düğmelerini içeren bir pencere gösterir.
3. Kullanıcının Seçimi:
   • Kullanıcı “OK” (Evet) düğmesine tıklarsa, confirm() fonksiyonu true değerini döndürür. Bu durumda, işlem devam eder.
   • Kullanıcı “Cancel” (Hayır) düğmesine tıklarsa, fonksiyon false değerini döndürür ve işlem iptal edilir.
4. Kontrol Akışı:
   • Ardından, dönen değere (kullanıcının seçimine) bağlı olarak bir kontrol akışı oluşturulur. Bu, kullanıcının seçimine göre belirli eylemleri gerçekleştirmenizi sağlar.
5. Örnek Kod:
   • Örnek kod, confirm() fonksiyonunun kullanımını gösterir. Kullanıcı seçimine göre konsola farklı mesajlar yazdırır.

Bu tür bir onay kutusu, kullanıcının bilinçli bir şekilde önemli işlemleri gerçekleştirme yetkisine sahip olmasını sağlar ve bu da hatalı işlemlerin önlenmesine yardımcı olur.

Bu yazımda bu kadardı arkadaşlar. Diğer yazılarımızda görüşmek üzere.

Diğer JavaScript yazıları için bağlantıya tıklayabilirsiniz.

Discord sunucuma katılmayı unutmayın. :D Tüm bağlantılara Linktree üzerinden ulaşabilirsiniz.

Kodla kalın. :)