Menu
CoddyTech

Tất cả các nút

Bài học 5 trên 14 trong khóa học Dự án DOM: Máy tính của Coddy.

challenge icon

Thử thách

Dễ
  1. Bên trong div 'buttons', hãy tạo 18 nút có tên lớp 'btn'.
  2. Với nút cuối cùng, hãy thêm cả tên lớp ‘equal’!
  3. Với mỗi nút, hãy thêm văn bản tương ứng 

     

    Văn bản trên nútMô tả
    CXóa màn hình
    ←Xóa ký tự cuối cùng
    /Phép chia
    *Phép nhân
    7Số 7
    8Số 8
    9Số 9
    -Phép trừ
    4Số 4
    5Số 5
    6Số 6
    +Phép cộng
    1Số 1
    2Số 2
    3Số 3
    0Số 0
    .Dấu thập phân
    =Tính kết quả

Tự làm thử

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Viết code HTML ở đây -->
        <script src="script.js"></script>
    </body>
</html>

Tất cả bài học trong Dự án DOM: Máy tính

Tự luyện tập: Playground Web