Menu
CoddyTech
Mulai belajar

Atur gaya class buttons

Pelajaran 8 dari 14 dalam kursus Proyek DOM: Kalkulator di Coddy.

challenge icon

Tantangan

Mudah

Class target ‘buttons’:

  1. Atur display menjadi grid.
  2. Atur grid-template-columns menjadi repeat(4, 105px)

Coba sendiri

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Tulis kode HTML di sini -->
        <script src="script.js"></script>
    </body>
</html>

Semua pelajaran di Proyek DOM: Kalkulator

1Pengantar

Apa yang akan kamu buat?

4Buat agar berfungsi

fungsi appendToDisplayPelajaran proyekfungsi clearDisplayPelajaran proyekfungsi deleteLastPelajaran proyekfungsi calculateResultPelajaran proyek

2Frontend I

Judul dan class kalkulatorTampilkan input dan tombolPelajaran proyekAtur gaya bodyPelajaran proyekSemua tombolPelajaran proyek

3Frontend II

Atur gaya class kalkulatorPelajaran proyekAtur gaya id displayPelajaran proyekAtur gaya class buttonsPelajaran proyekAtur gaya class btnPelajaran proyekAtur gaya class equalPelajaran proyek

Latihan sendiri: Playground Web