Menu
Coddy logo textTech
ابدأ التعلم
flag Ar iconالعربيةdown icon

تنسيق class buttons

الدرس 8 من 14 في دورة مشروع DOM - آلة حاسبة على Coddy.

challenge icon

التحدي

سهل

الفئة المستهدفة 'buttons':

  1. اضبط display على 'grid'.
  2. اضبط grid-template-columns على repeat(4, 105px)

جرّب بنفسك

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

جميع دروس مشروع DOM - آلة حاسبة

1مقدمة

ماذا ستبني؟

4اجعله يعمل

دالة appendToDisplayدرس مشروعدالة clearDisplayدرس مشروعدالة deleteLastدرس مشروعدالة calculateResultدرس مشروع

2Frontend I

العنوان وحاسبة الـ classعرض الـ input والأزراردرس مشروعتنسيق الـ bodyدرس مشروعجميع الأزراردرس مشروع

3Frontend II

تنسيق class calculatorدرس مشروعتنسيق id displayدرس مشروعتنسيق class buttonsدرس مشروعتنسيق class btnدرس مشروعتنسيق class equalدرس مشروع