Butonlar sınıfını stille

Coddy'nin DOM Projesi - Hesap Makinesi kursunda ders 8 / 14.

Görev

Kolay

Hedef sınıf ‘buttons’:

display özelliğini grid olarak ayarlayın.
grid-template-columns özelliğini repeat(4, 105px) olarak ayarlayın.

Kendin dene

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

DOM Projesi - Hesap Makinesi bölümündeki tüm dersler

1Giriş

Ne inşa edeceksiniz?

4Çalışır hale getir

appendToDisplay fonksiyonu

clearDisplay fonksiyonu

deleteLast fonksiyonu

calculateResult fonksiyonu

2Frontend I

Başlık ve sınıf hesaplayıcı Input ve butonları görüntüleme

Body'yi stilleme

Tüm butonlar

3Frontend II

Hesap makinesi sınıfını stille

Display id'sini stille

Butonlar sınıfını stille Proje dersi

btn sınıfını stille

equal sınıfını stille