Menu
Coddy logo textTech

基本的な開始と停止

Coddyの「ストップウォッチ - HTML/CSS/JS プロジェクト」コースのレッスン 8/10。

JSの部分に進みましょう。少し難しくなるかもしれませんが、ステップバイステップで進めていきましょう!

challenge icon

チャレンジ

簡単

JSファイル内:

  • 開始/停止ボタンにクリックイベントリスナーを追加します
  • クリックされたら、ボタンのテキストを Stop に変更します
  • 再度クリックされたら、ボタンのテキストを Start に戻します。これを繰り返します…

毎回切り替えられる外部変数を保持する必要があります。

行き詰まった場合はヒントを確認してください!

自分で試してみよう

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

ストップウォッチ - HTML/CSS/JS プロジェクトのすべてのレッスン