الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <body> <h1>Javascript Modules</h1> <p>In this example we import 2 things from the module messages.js</p> <p id="p1"></p> <p id="p2"></p> <script type="module"> // messages.js هنا قمنا بتضمين كل محتوى الموديول import { domain, logoutMessage } from '/tutorials/javascript/modules/messages.js'; // الموجود في الموديول domain قمنا بعرض قيمة المتغير p1 يساوي id في الوسم الذي يملك document.querySelector('#p1').innerText = 'You are leaving ' + domain; // messages الموجودة في الموديول logoutMessage() قمنا بعرض ما ترجعه الدالة p2 يساوي id في الوسم الذي يملك document.querySelector('#p2').innerText = logoutMessage(); </script> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود