محرر ويب أونلاين

<!DOCTYPE html>
<html>
<body>
    <h1>JavaScript Confirm Dialog Box</h1>
    <p>Click on the button to display a confirm dialog box.</p>
    <button id="btn">Show Confirm Dialog</button>
    <p id="result"></p>
    
    <script>
        // btn في متغير إسمه btn يساوي id هنا قمنا بتخزين العنصر الذي يملك
        var btn = document.getElementById('btn');

        // result في متغير إسمه result يساوي id هنا قمنا بتخزين العنصر الذي يملك
        var result = document.getElementById('result');

        // btn هنا قمنا بتحديد ما سيحدث عند النقر على الزر الذي يمثله المتغير
        btn.addEventListener('click', () => {
            // choice أولاً سيتم إظهار نافذة للموافقة و عند إغلاقها سيتم تخزين القرار في المتغير 
            let choice = confirm('Are you sure?');

            // result سيتم وضع نص يشير إلى الموافقة في العنصر true تساوي result إذا كانت قيمة
            if(choice) {
               result.innerHTML = 'You clicked OK';
            }
            // result سيتم وضع نص يشير إلى الرفض في العنصر false تساوي result إذا كانت قيمة
            else {
               result.innerHTML = 'You clicked CANCEL';
            }
        });
    </script>
</body>
</html>