الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <body> <h1>Javascript Modules</h1> <p>In this example we import the default value with other variables exists inside the module company.js</p> <p id="p1"></p> <p id="p2"></p> <p id="p3"></p> <script type="module"> // x بما فيها قيمته الإفترضية و التي وضعناها في المتغير company.js هنا قمنا بتضمين محتوى الموديول import x, { name, description } from '/tutorials/javascript/modules/company.js'; // company الموجود في الموديول x قمنا بعرض قيمة المتغير p1 يساوي id في الوسم الذي يملك document.querySelector('#p1').innerText = 'default value = ' + x; // company الموجود في الموديول name قمنا بعرض قيمة المتغير p2 يساوي id في الوسم الذي يملك document.querySelector('#p2').innerText = 'name = ' + name; // company الموجود في الموديول description قمنا بعرض قيمة المتغير p3 يساوي id في الوسم الذي يملك document.querySelector('#p3').innerText = 'description = ' + description; </script> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود