Bắt đầu và dừng cơ bản

Bài học 8 trên 10 trong khóa học Dự án đồng hồ bấm giờ với HTML/CSS/JS của Coddy.

Hãy chuyển sang phần JS nhé, phần này có thể hơi khó hơn, nhưng chúng ta sẽ làm từng bước!

Thử thách

Dễ

Trong tệp JS:

Thêm trình lắng nghe sự kiện nhấp vào nút bắt đầu/dừng
Sau khi nhấp, đổi nội dung nút thành Stop
Nhấp lần nữa, đổi nội dung nút về Start, rồi tiếp tục như vậy…

Bạn cần dùng một biến bên ngoài và thay đổi giá trị của biến đó sau mỗi lần nhấp.

Xem các gợi ý nếu bạn gặp khó khăn!

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 đồng hồ bấm giờ với HTML/CSS/JS

1Giới thiệu

Tổng quan

4Phần JS

Bắt đầu và dừng cơ bản Bài học dự án

Đồng hồ bấm giờ hoạt động

2Phần HTML

3Phần CSS

Tự luyện tập: Playground Web