جافاسكربتasync و await

// هنا قمنا بتعريف دالة تقوم بإرجاع برومس عندما يتم استدعاءها
function fetchData() {
    return new Promise((resolve) => {
        // هنا أنشأنا مؤقت لجعل تنفيذ أوامر البرومس يتم بعد مرور ثانية
        setTimeout(() => {
            // هنا قمنا بتعريف متغير قيمته عبارة عن عدد عشوائي بين 1 و 10
            const value = Math.floor(Math.random() * 10) + 1;
            // value هنا قمنا بإرجاع قيمة
            resolve(value);
        }, 1000);
    });
}

// سيتم تنفيذها عند النقر على الزر الموجود في الصفحة executePromise() الدالة
function executePromise() {
    // لتنفيذ البرومس و الحصول على نتيجته then() و من ثم الدالة fetchData() هنا قمنا باستدعاء الدالة
    fetchData().then((value) => { 
        // demo يساوي id النتيجة التي يرجعها سيتم عرضها في العنصر الذي يملك
        document.querySelector('#demo').innerHTML = 'Result = ' + value;
    });
}

// هنا قمنا بتعريف دالة تقوم بإرجاع برومس عندما يتم استدعاءها
async function fetchData() {
    return new Promise((resolve) => {
        // هنا أنشأنا مؤقت لجعل تنفيذ أوامر البرومس يتم بعد مرور ثانية
        setTimeout(() => {
            // هنا قمنا بتعريف متغير قيمته عبارة عن عدد عشوائي بين 1 و 10
            const value = Math.floor(Math.random() * 10) + 1;
            // value هنا قمنا بإرجاع قيمة
            resolve(value);
        }, 1000);
    });
}

// سيتم تنفيذها عند النقر على الزر الموجود في الصفحة executePromise() الدالة
async function executePromise() {
    // data لتنفيذ البرومس و تخزين نتيجته أياً كانت في المتغير fetchData() هنا قمنا باستدعاء الدالة
    let data = await fetchData();
    // demo يساوي id في العنصر الذي يملك data هنا قمنا بعرض النتيجة المخزنة في المتغير
    document.querySelector('#demo').innerHTML = 'Result = ' + data;
}

// هنا قمنا بتعريف دالة تقوم بإرجاع برومس عندما يتم استدعاءها
async function fetchData() {
    return new Promise((resolve) => {
        // هنا أنشأنا مؤقت لجعل تنفيذ أوامر البرومس يتم بعد مرور ثانية
        setTimeout(() => {
            // هنا قمنا بتعريف متغير قيمته عبارة عن عدد عشوائي بين 1 و 10
            const value = Math.floor(Math.random() * 10) + 1;
            // value هنا قمنا بإرجاع قيمة
            resolve(value);
        }, 1000);
    });
}

// سيتم تنفيذها عند النقر على الزر الموجود في الصفحة executePromise() الدالة
async function executePromise() {
    try {
        // data لتنفيذ البرومس و تخزين نتيجته أياً كانت في المتغير fetchData() هنا قمنا باستدعاء الدالة
        let data = await fetchData();
        // demo يساوي id في المتغير الذي يملك data هنا قمنا بعرض النتيجة المخزنة في المتغير
        document.querySelector('#demo').innerHTML = 'Result = ' + data;
    }
    catch(error) {
        // demo يساوي id  هنا قمنا بعرض الخطأ الذي قد يحدث في العنصر الذي يملك
        document.querySelector('#demo').innerHTML = error;
    }
}