Memulai dan Menghentikan

Pelajaran 8 dari 10 dalam kursus Stopwatch: Proyek HTML/CSS/JS di Coddy.

Mari beralih ke bagian JS, mungkin ini sedikit lebih sulit, tetapi kita akan melakukannya langkah demi langkah!

Tantangan

Mudah

Di file JS:

Tambahkan event listener klik ke tombol mulai/berhenti
Setelah diklik, ubah teks tombol menjadi Stop
Setelah diklik lagi, ubah kembali teks tombol menjadi Start, dan seterusnya…

Kamu perlu menyimpan variabel di luar yang akan diubah nilainya setiap kali.

Lihat petunjuk jika kamu mengalami kesulitan!

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 Stopwatch: Proyek HTML/CSS/JS

1Pengenalan

Gambaran Umum

4Bagian JS

Memulai dan Menghentikan Pelajaran proyek

Stopwatch yang Berfungsi

2Bagian HTML

3Bagian CSS

Latihan sendiri: Playground Web