Menu
CoddyTech
Mulai belajar

Atur gaya class kalkulator

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

challenge icon

Tantangan

Mudah

Targetkan class calculator:

  1. Atur radius border menjadi 10 piksel. 
  2. Atur overflow menjadi hidden.
  3. Atur:
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

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