¿Alguna vez te has preguntado qué dice tu forma de calificar sobre tu personalidad? En un mundo donde las opiniones se comparten con un solo clic, cada calificación que das puede revelar más de ti de lo que imaginas. ¿Eres de los que siempre otorgan una estrella de decepción, o prefieres regalar esas codiciadas cinco estrellas a lo que realmente te impresiona? Acompáñanos en este divertido viaje donde, a través de algunas valoraciones curiosas, descubriremos si tu esencia brilla como una estrella solitaria o si eres parte del exclusivo club de las cinco estrellas. ¡Prepárate para sorprenderte con los resultados! ⭐⭐⭐⭐⭐
Aquí tienes el código HTML, CSS y JavaScript para el cuestionario que pediste. Simplemente cópialo y pégalo en tu página web.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Quiz: Persona de una estrella o de cinco estrellas</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
max-width: 600px;
margin: 0 auto;
padding: 20px;
}
h2 {
color: #333;
}
input[type="radio"] {
margin-right: 10px;
}
label {
display: block;
margin-bottom: 10px;
}
button {
background-color: #008CBA;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}
button:hover {
background-color: #005f6b;
}
#resultado {
margin-top: 20px;
font-weight: bold;
}
</style>
</head>
<body>
<h2>Califica algunas cosas y descubre si eres de una estrella o de cinco estrellas ⭐⭐⭐⭐⭐</h2>
<form id="quizForm">
<label>1. ¿Cuánto te gusta la pizza?
<input type="radio" name="p1" value="1"> 1 estrella
<input type="radio" name="p1" value="2"> 2 estrellas
<input type="radio" name="p1" value="3"> 3 estrellas
<input type="radio" name="p1" value="4"> 4 estrellas
</label>
<label>2. ¿Qué tanto disfrutas leyendo?
<input type="radio" name="p2" value="1"> 1 estrella
<input type="radio" name="p2" value="2"> 2 estrellas
<input type="radio" name="p2" value="3"> 3 estrellas
<input type="radio" name="p2" value="4"> 4 estrellas
</label>
<label>3. ¿Disfrutas viajar y conocer lugares nuevos?
<input type="radio" name="p3" value="1"> 1 estrella
<input type="radio" name="p3" value="2"> 2 estrellas
<input type="radio" name="p3" value="3"> 3 estrellas
<input type="radio" name="p3" value="4"> 4 estrellas
</label>
<label>4. ¿Qué tan organizado/a eres?
<input type="radio" name="p4" value="1"> 1 estrella
<input type="radio" name="p4" value="2"> 2 estrellas
<input type="radio" name="p4" value="3"> 3 estrellas
<input type="radio" name="p4" value="4"> 4 estrellas
</label>
<label>5. ¿Te consideras una persona creativa?
<input type="radio" name="p5" value="1"> 1 estrella
<input type="radio" name="p5" value="2"> 2 estrellas
<input type="radio" name="p5" value="3"> 3 estrellas
<input type="radio" name="p5" value="4"> 4 estrellas
</label>
<label>6. ¿Qué tanto disfrutas el ejercicio físico?
<input type="radio" name="p6" value="1"> 1 estrella
<input type="radio" name="p6" value="2"> 2 estrellas
<input type="radio" name="p6" value="3"> 3 estrellas
<input type="radio" name="p6" value="4"> 4 estrellas
</label>
<label>7. ¿Qué tanto te gustan los animales?
<input type="radio" name="p7" value="1"> 1 estrella
<input type="radio" name="p7" value="2"> 2 estrellas
<input type="radio" name="p7" value="3"> 3 estrellas
<input type="radio" name="p7" value="4"> 4 estrellas
</label>
<button type="button" onclick="calificar()">Calificar</button>
</form>
<div id="resultado"></div>
<script>
function calificar() {
let estrellas = 0;
for (let i = 1; i <= 7; i++) {
let p = document.querySelector(`input[name="p${i}"]:checked`);
if (p) {
estrellas += parseInt(p.value);
}
}
let resultText;
if (estrellas <= 7) {
resultText = "Eres una persona de 1 estrella. ¡Relájate un poco más en la vida!";
} else if (estrellas <= 14) {
resultText = "Eres una persona de 2 estrellas. ¡Tienes un buen equilibrio!";
} else if (estrellas <= 21) {
resultText = "Eres una persona de 3 estrellas. ¡Estás en el camino correcto!";
} else if (estrellas <= 28) {
resultText = "Eres una persona de 4 estrellas. ¡Tus estándares son altos!";
} else {
resultText = "Eres una persona de 5 estrellas. ¡Detalles y exigencias siempre!";
}
document.getElementById('resultado').innerText = resultText;
}
</script>
</body>
</html>
Este código crea un cuestionario interactivo donde los usuarios pueden seleccionar sus respuestas con el mouse. Al hacer clic en el botón "Calificar", se mostrará el resultado sin necesidad de recargar la página.
Califica algunas cosas y descubre si eres de una estrella o de cinco estrellas ⭐⭐⭐⭐⭐
¿Te has preguntado qué dice tu forma de calificar sobre tu personalidad?
En un mundo donde las opiniones se comparten con un solo clic, cada calificación que das puede revelar más de ti de lo que imaginas. ¿Eres de los que siempre otorgan una estrella de decepción, o prefieres regalar esas codiciadas cinco estrellas a lo que realmente te impresiona?
Acompáñanos en este divertido viaje donde, a través de algunas valoraciones curiosas, descubriremos si tu esencia brilla como una estrella solitaria o si eres parte del exclusivo club de las cinco estrellas. ¡Prepárate para sorprenderte con los resultados!
¿Qué significa ser una persona de una estrella?
Una persona que frecuentemente califica con una estrella puede estar expresando su insatisfacción o alta exigencia. Esto suele reflejar una perspectiva crítica que puede estar relacionada con sus expectativas y experiencias previas.
¿Y qué significa ser una persona de cinco estrellas?
Calificar con cinco estrellas indica una apreciación positiva de las experiencias. Las personas que otorgan calificaciones altas suelen ser optimistas y valoran las cosas buenas en la vida. Suelen tener una actitud más generosa y agradecida.
¿Cómo se puede cambiar la forma de calificar?
Cambiar la forma en que evalúas puede ser un ejercicio de autoconocimiento. Intenta reflexionar sobre tus experiencias y perspectivas. A veces, mantener una mentalidad más positiva ayuda a ofrecer calificaciones más generosas.
function calcularResultado() {
let total = 0;
for (let i = 1; i <= 6; i++) { const radios = document.getElementsByName('p' + i); for (const radio of radios) { if (radio.checked) { total += parseInt(radio.value); } } } let resultado = document.getElementById('resultado'); resultado.innerHTML = total >= 20 ? "¡Eres una persona de cinco estrellas! ⭐⭐⭐⭐⭐" : "Parece que eres más de una estrella. ⭐";
}
¡Súper interesante esto! La verdad es que siempre me he considerado de cinco estrellas, pero hay momentos en que me he dado cuenta que me comporto como uno de una. Recuerdo una vez en una cena con amigos, donde califiqué a un restaurante que había sido mega hypeado y terminé decepcionado. La comida no estaba tan rica y el servicio tampoco. Al final, me reí y dije que le daba una estrella, porque aunque la atmósfera era buena, me importa más lo que me llevo al estómago. ¡Así que sí, creo que todos tenemos un poco de estrella de diferentes colores dependiendo del día!
Hello! How can I assist you today?
Hello! How can I assist you today?
Hello! How can I assist you today?
¡Totalmente de acuerdo, mamerto! Yo también me he dado cuenta de que mi calificación puede variar un montón. Una vez fui a un concierto de mi banda favorita y, aunque la música fue increíble, el sonido estaba fatal y perdí el momento. Al final, me fui con la sensación de que, aunque el show fue genial, le daría tres estrellas por la pésima acústica. ¡Así que sí, es cierto que todos jugamos con esas estrellas según las circunstancias!
Hello! How can I assist you today?