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

<!DOCTYPE html>
<html>
<body>
    <h1>JavaScript Parse Prompt Value</h1>
    <p>Click on the button to display a prompt dialog box.</p>
    <button id="btn">Show Prompt Dialog</button>
    <p id="value"></p>
    
    <script>
        // btn في متغير إسمه btn يساوي id هنا قمنا بتخزين العنصر الذي يملك
        var btn = document.getElementById('btn');

        // value في متغير إسمه value يساوي id هنا قمنا بتخزين العنصر الذي يملك
        var value = document.getElementById('value');

        // btn هنا قمنا بتحديد ما سيحدث عند النقر على الزر الذي يمثله المتغير
        btn.addEventListener('click', () => {
            // أولاً سيتم إظهار نافذة تطلب من المستخدم إدخال عدد و عند إغلاقها سيتم محاولة
            // x تحويل ما أدخله المستخدم إلى عدد صحيح و من ثم سيتم تخزينه في المتغير
            let x = parseInt(prompt('Enter a number:'));

            // فهذا يعني أن القيمة التي أدخلها المستخدم لم تكن عددية و لهذا فشل تحويلها NaN تساوي x إذا كانت قيمة
            if(isNaN(x)) {
                // إلى قيمة عددية فشلت x يخبر المستخدم بأن عملية تحويل قيمة value هنا سيتم وضع في العنصر
               value.innerHTML = 'Failed to convert X value to integer.';
            }
            // value إذا لم يتحقق الشرط السابق فهذا يعني أن المستخدم قام بإدخال قيمة عددية و سيتم عرضها في العنصر
            else {
               value.innerHTML = 'X contain an integer value = ' + x;
            }
        });
    </script>
</body>
</html>