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