基本的な開始と停止
Coddyの「ストップウォッチ - HTML/CSS/JS プロジェクト」コースのレッスン 8/10。
JSの部分に進みましょう。少し難しくなるかもしれませんが、ステップバイステップで進めていきましょう!
チャレンジ
簡単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>