الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <body> <h1>JavaScript Get Screen Available Width And Height</h1> <p id="demo"></p> <script> // demo في متغير إسمه demo يساوي id هنا قمنا بتخزين العنصر الذي يملك var demo = document.getElementById('demo'); // w هنا قمنا بتخزين عرض الشاشة المتوفر في المتغير let w = screen.availWidth; // h هنا قمنا بتخزين طول الشاشة المتوفر في المتغير let h = screen.availHeight; // demo هنا قمنا بعرض قياسات الشاشة المتوفرة في العنصر الذي يمثله المتغير demo.innerHTML = 'Available width: ' + w + '<br>' + 'Available height: ' + h; </script> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود