Menu
CoddyTech
Mulai belajar

Atur gaya class equal

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

challenge icon

Tantangan

Mudah

Targetkan class ‘equal’:

  1. Atur grid-column menjadi span 3.
  2. Atur warna latar belakang sesuai pilihanmu, tidak sama dengan tombol lainnya.
  3. Tambahkan kode CSS berikut untuk efek hover:
  4. .btn:hover {
    opacity: 0.8;
}

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