<!
DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Canjeo de Estampas</title>
<style>
@import url('[Link]
body {
font-family: 'Comic Neue', cursive;
text-align: center;
background: url('./imagenes/[Link]') no-repeat center center fixed;
background-size: cover;
color: white;
.sticker {
display: inline-block;
margin: 20px;
padding: 10px;
border-radius: 10px;
text-align: center;
position: relative;
background: rgba(255, 255, 255, 0.8);
padding: 15px;
animation: glowEffect 2s infinite alternate;
.sticker img {
width: 120px;
height: 120px;
border-radius: 10px;
animation: stickerGlow 1.5s infinite alternate;
}
.sticker button {
margin-top: 10px;
padding: 5px 10px;
font-size: 16px;
cursor: pointer;
.raro { border: 4px solid blue; background-color: #d0e1ff; }
.epico { border: 4px solid purple; background-color: #e1c0ff; }
.legendario { border: 4px solid orange; background-color: #ffdbac; }
.mitico { border: 4px solid red; background-color: #ffc0c0; }
.exclusivo { border: 4px solid gold; background-color: #fff7c0; }
.superexclusivo { border: 4px solid black; background-color: #ffcc00; animation: superGlow 1.5s
infinite alternate; }
@keyframes glowEffect {
0% { box-shadow: 0 0 10px rgba(255, 255, 255, 0.3); }
100% { box-shadow: 0 0 30px rgba(255, 255, 255, 0.8); }
@keyframes stickerGlow {
0% { filter: brightness(1); }
100% { filter: brightness(1.5); }
@keyframes superGlow {
0% { box-shadow: 0 0 10px rgba(255, 215, 0, 0.5); }
100% { box-shadow: 0 0 30px rgba(255, 215, 0, 1); }
</style>
</head>
<body>
<h1>Canjeo de Estampas</h1>
<h2>Estampas del Día</h2>
<div id="stickerContainer"></div>
<script>
let puntos = 100; // Puntos iniciales del usuario
function obtenerEstampasDelDia() {
return [
{ id: 1, nombre: "Pompompurin", costo: 10, img: "./imagenes/[Link]", rareza: "raro" },
{ id: 2, nombre: "Capibara Fiesta", costo: 15, img: "./imagenes/capibara_fiesta.jpg", rareza: "epico" },
{ id: 3, nombre: "Sonic", costo: 20, img: "./imagenes/[Link]", rareza: "legendario" },
{ id: 4, nombre: "Aguacate Kawaii", costo: 25, img: "./imagenes/aguacate_kawaii.jpg", rareza:
"mitico" },
{ id: 5, nombre: "Among Us Rojo", costo: 30, img: "./imagenes/among_us_rojo.jpg", rareza:
"exclusivo" },
{ id: 6, nombre: "Kuromi", costo: 35, img: "./imagenes/[Link]", rareza: "superexclusivo" }
];
function renderStickers() {
const container = [Link]("stickerContainer");
[Link] = "";
let stickers = obtenerEstampasDelDia();
[Link](sticker => {
let div = [Link]("div");
[Link] = `sticker ${[Link]}`;
[Link] = `
<img src="${[Link]}" alt="${[Link]}"><br>
<strong>${[Link]}</strong><br>
<span style="font-size: 18px; color: black;">${[Link]()}</span><br>
Costo: ${[Link]} puntos<br>
<button onclick="canjear('${[Link]}')">Canjear</button>
`;
[Link](div);
});
function canjear(imagen) {
let cantidadPuntos = prompt("Ingrese la cantidad de puntos para canjear esta estampa:");
if (cantidadPuntos !== null && !isNaN(cantidadPuntos) && [Link]() !== "") {
cantidadPuntos = parseInt(cantidadPuntos);
if (cantidadPuntos > 0) {
imprimir(imagen);
} else {
alert("Debe ingresar un número válido mayor a 0.");
} else {
alert("Entrada no válida. Intente nuevamente.");
function imprimir(imagen) {
let ventana = [Link]("", "_blank");
[Link]("<html><head><title>Impresión de Estampas</title></head><body>");
[Link]("<div style='display: grid; grid-template-columns: repeat(6, 1fr); gap: 5px;
text-align: center;'>");
for (let i = 0; i < 31; i++) {
[Link](`<img src="${imagen}" style="width:100px; height:100px;">`);
[Link]("</div>");
[Link]("</body></html>");
[Link]();
setTimeout(() => { [Link](); [Link](); }, 500);
renderStickers();
</script>
</body>
</html>Leo y contesto
Instrucciones: Lee la historia, traza las letras en el cuento y responde las preguntas, también trázalas.
Cuento 1: El perrito perdido
Había una vez un niño llamado Tomás que encontró un
perrito en el parque. El perrito estaba solo, sucio y con
hambre. Tomás decidió llevarlo a casa, darle de comer y
limpiarlo. Al día siguiente, puso carteles por el vecindario
buscando a su dueño. Pasaron tres días y nadie reclamó al
perrito. Entonces, Tomás decidió adoptarlo y lo llamó
"Manchitas". Desde ese día, se hicieron los mejores amigos.
Preguntas de comprensión:
1. ¿Dónde encontró Tomás al perrito?
R=
2. ¿Cómo estaba el perrito cuando Tomás lo encontró?
R=
3. ¿Qué hizo Tomás para ayudar al perrito?
R=
4. ¿Qué nombre le puso Tomás al perrito?
R=
5. ¿Cómo crees que se sintió Tomás al adoptar a
Manchitas?
R=
