Ejercicio: Ejercicio 1

Crea una aplicación con Alpine JS que tenga un botón y un contador que se incremente cada vez que se presione el botón. Usa la directiva x-data para inicializar el valor del contador en 0 y la directiva x-on para escuchar el evento click en el botón y actualizar el valor del contador.

Solución:

<body>

    <div x-data="{ contador: 0 }">
        <button x-on:click="contador++">Incrementar contador</button>
        <p>Contador: <span x-text="contador"></span></p>
    </div>

</body>

Nosotros utilizamos cookies

Este sitio utiliza cookies para mejorar su experiencia de usuario.

Puedes aceptar todas las cookies pulsando en el botón de "Aceptar todas", rechazar todas las cookies pulsando el botón de "Rechazar cookies" o configurar manualmente usando el botón de "más opciones"

Para más información visita nuestra Política de cookies

Personaliza las Cookies

Estas cookies son necesarias para que el sitio web funcione y no se pueden desactivar en nuestros sistemas. Usualmente están configuradas para responder a acciones hechas por tí para recibir servicios, tales como ajustar tus preferencias de privacidad, iniciar sesión en el sitio, o llenar formularios. Puedes configurar tu navegador para bloquear o alertar la presencia de estas cookies, pero algunas partes del sitio web no funcionarán. Estas cookies no guardan ninguna información personal identificable.

Estas cookies nos permiten contar las visitas y fuentes de circulación para poder medir y mejorar el desempeño de nuestro sitio. Nos ayudan a saber qué páginas son las más o menos populares, y ver cuántas personas visitan el sitio. Toda la información que recogen estas cookies es agregada y, por lo tanto, anónima.