Ejercicio: Ejercicio 2
Crea un componente que muestre un mensaje diferente en función del día de la semana.
Solución:
<body>
<div x-data=" { dia_semana: new Date().getDay() }">
<template x-if="dia_semana === 0">
<p>Hoy es domingo, ¡disfruta del día!</p>
</template>
<template x-if="dia_semana === 1">
<p>Hoy es lunes, ánimo para empezar la semana.</p>
</template>
<template x-if="dia_semana === 2">
<p>Hoy es martes, ¡sigue adelante!</p>
</template>
<template x-if="dia_semana === 3">
<p>Hoy es miércoles, ya estamos a mitad de semana.</p>
</template>
<template x-if="dia_semana === 4">
<p>Hoy es jueves, ¡ya casi es fin de semana!</p>
</template>
<template x-if="dia_semana === 5">
<p>Hoy es viernes, ¡ya es fin de semana!</p>
</template>
<template x-if="dia_semana === 6">
<p>Hoy es sábado, ¡disfruta del fin de semana!</p>
</template>
</div>
</body>