Agente de historias
- samuel gaitan
- 16 abr
- 1 Min. de lectura
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Agente de IA - Historias de Zamur</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #111;
color: white;
}
#story-container {
margin: 20px auto;
padding: 20px;
width: 80%;
max-width: 800px;
border: 2px solid #444;
background-color: #222;
height: 300px;
overflow-y: auto;
}
button {
margin: 10px;
padding: 10px 20px;
border: none;
background-color: #ff4500;
color: white;
cursor: pointer;
font-size: 16px;
}
button:hover {
background-color: #ff5733;
}
</style>
</head>
<body>
<h1>Agente de IA - Historias de Zamur</h1>
<div id="story-container">Presiona el botón para generar una historia de Zamur.</div>
<button onclick="generateStory()">Generar Historia</button>
<script>
let previousStories = [];
function generateStory() {
let newStory = Zamur, el guerrero inmortal, se alzó una vez más en el campo de batalla estelar. Con su poder sobre el fuego y la tecnología, creó un ejército de autómatas para resistir la amenaza de la Galaxia Oscura. Aunque los corazones de las estrellas lo temían, fue la princesa del Infinito quien vio más allá de su coraza ardiente. Pero el destino era cruel: traicionado, cayó en el abismo del tiempo. Clonado, revivido y atrapado en un ciclo sin fin, Zamur siempre regresaba, su alma atrapada entre el amor y la guerra eterna.;
previousStories.push(newStory);
document.getElementById("story-container").innerHTML = previousStories.join("<hr>");
}
</script>
</body>
</html>
Comentarios