Menu
Coddy logo textTech

Inicio y parada básicos

Lección 8 de 10 del curso Cronómetro - Proyecto de HTML/CSS/JS de Coddy.

¡Pasemos a la parte de JS, podría ser un poco más difícil, pero lo haremos paso a paso!

challenge icon

Desafío

Fácil

En el archivo JS:

  • Agrega un escuchador de eventos de clic al botón de inicio/parada (start/stop)
  • Una vez que se haga clic, cambia el texto del botón a Stop
  • Al hacer clic de nuevo, cambia el texto del botón de vuelta a Start y así sucesivamente…

Necesitarás mantener una variable externa que se alternará cada vez.

¡Consulta las pistas si te quedas atascado!

Pruébalo tú mismo

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

Todas las lecciones de Cronómetro - Proyecto de HTML/CSS/JS

1Introducción

Visión general

4Parte de JS

Inicio y parada básicosLección de proyectoCronómetro funcionalLección de proyectoReiniciarLección de proyecto

3Parte de CSS

BodyLección de proyectoTiempoLección de proyectoBotonesLección de proyecto