الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <body> <h1>Javascript Promise</h1> <p>Click on the button and wait for 1 second to execute the promise.</p> <button onclick="executePromise()">Execute the promise</button> <p id="demo"></p> <script> // هنا قمنا بتعريف دالة تقوم بإرجاع برومس عندما يتم استدعاءها 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; }); } </script> </body> </html>