<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Autodiagnóstico de Consumo de Alcohol</title>
<style>
body {
font-family: Arial, sans-serif;
max-width: 800px;
margin: 0 auto;
padding: 20px;
color: #333;
}
h1 {
color: #1a6a9f;
text-align: center;
margin-bottom: 30px;
}
h2 {
color: #1a6a9f;
text-align: center;
margin-bottom: 20px;
}
.separator {
border-bottom: 1px solid #1a6a9f;
margin: 20px 0;
}
.question {
margin-bottom: 20px;
padding: 15px;
background-color: #f8f8f8;
border-radius: 5px;
}
.question p {
margin-top: 0;
font-weight: bold;
color: #1a6a9f;
}
.options {
margin-left: 20px;
}
.option {
margin: 5px 0;
}
label {
margin-left: 5px;
}
button {
padding: 10px 20px;
background-color: #1a6a9f;
color: white;
border: none;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
margin: 20px 0;
}
button:hover {
background-color: #0d5685;
}
#results {
display: none;
margin-top: 30px;
padding: 20px;
background-color: #f8f8f8;
border-radius: 5px;
}
.result-title {
font-weight: bold;
margin-bottom: 10px;
color: #1a6a9f;
}
.resources {
margin-top: 20px;
}
.hidden {
display: none;
}
.warning {
color: #cc3300;
font-weight: bold;
}
.info-text {
background-color: #f0f7ff;
padding: 15px;
border-radius: 5px;
margin: 20px 0;
border-left: 4px solid #1a6a9f;
}
.button-container {
margin: 20px 0;
}
</style>
</head>
<body>
<h1>¿Tiene Problemas con su manera de beber?</h1>
<div class="separator"></div>
<h2>Autodiagnóstico</h2>
<div id="intro">
<p>La lista de preguntas que aparece a continuación puede ayudarle a descubrir si tiene problemas con su manera de beber.</p>
<p>Debe tener presente que usted es la única persona que puede decir <strong>SÍ</strong> tiene o <strong>NO</strong> un problema. Aunque otros le hayan dicho que sí lo tiene, lo importante es que <strong>USTED DECIDA</strong> por sí mismo.</p>
</div>
<form id="alcoholQuestionnaire">
<div class="question">
<p>1.- ¿Ha tratado alguna vez de dejar de beber por una semana o más sin haber logrado cumplir el plazo?</p>
<div class="options">
<div class="option">
<input type="radio" id="q1_yes" name="question1" value="si" required>
<label for="q1_yes">Sí</label>
</div>
<div class="option">
<input type="radio" id="q1_no" name="question1" value="no">
<label for="q1_no">No</label>
</div>
</div>
</div>
<div class="question">
<p>2.- ¿Le gustaría que, con respecto a la bebida, la gente no se metiera en lo que no le importa, dejando de decirle que tiene que hacer?</p>
<div class="options">
<div class="option">
<input type="radio" id="q2_yes" name="question2" value="si" required>
<label for="q2_yes">Sí</label>
</div>
<div class="option">
<input type="radio" id="q2_no" name="question2" value="no">
<label for="q2_no">No</label>
</div>
</div>
</div>
<div class="question">
<p>3.- ¿Ha llegado a cambiar de una bebida a otra con la esperanza de que eso le ayudará a no emborracharse?</p>
<div class="options">
<div class="option">
<input type="radio" id="q3_yes" name="question3" value="si" required>
<label for="q3_yes">Sí</label>
</div>
<div class="option">
<input type="radio" id="q3_no" name="question3" value="no">
<label for="q3_no">No</label>
</div>
</div>
</div>
<div class="question">
<p>4.- Durante el último año ¿Ha tomado un trago por la mañana?</p>
<div class="options">
<div class="option">
<input type="radio" id="q4_yes" name="question4" value="si" required>
<label for="q4_yes">Sí</label>
</div>
<div class="option">
<input type="radio" id="q4_no" name="question4" value="no">
<label for="q4_no">No</label>
</div>
</div>
</div>
<div class="question">
<p>5.- ¿Envidia a la gente que puede beber sin meterse en dificultades?</p>
<div class="options">
<div class="option">
<input type="radio" id="q5_yes" name="question5" value="si" required>
<label for="q5_yes">Sí</label>
</div>
<div class="option">
<input type="radio" id="q5_no" name="question5" value="no">
<label for="q5_no">No</label>
</div>
</div>
</div>
<div class="question">
<p>6.- Durante el último año ¿Ha tenido problemas que estén relacionados con la bebida?</p>
<div class="options">
<div class="option">
<input type="radio" id="q6_yes" name="question6" value="si" required>
<label for="q6_yes">Sí</label>
</div>
<div class="option">
<input type="radio" id="q6_no" name="question6" value="no">
<label for="q6_no">No</label>
</div>
</div>
</div>
<div class="question">
<p>7.- Durante el último año ¿Ha causado su manera de beber dificultades en el hogar?</p>
<div class="options">
<div class="option">
<input type="radio" id="q7_yes" name="question7" value="si" required>
<label for="q7_yes">Sí</label>
</div>
<div class="option">
<input type="radio" id="q7_no" name="question7" value="no">
<label for="q7_no">No</label>
</div>
</div>
</div>
<div class="question">
<p>8.- ¿Ha intentado obtener tragos "adicionales" en una fiesta debido a que no obtuvo los suficientes?</p>
<div class="options">
<div class="option">
<input type="radio" id="q8_yes" name="question8" value="si" required>
<label for="q8_yes">Sí</label>
</div>
<div class="option">
<input type="radio" id="q8_no" name="question8" value="no">
<label for="q8_no">No</label>
</div>
</div>
</div>
<div class="question">
<p>9.- ¿Se dice así mismo que puede dejar de beber en el momento que quisiera, aunque continúe emborrachándose sin tener la intención de hacerlo?</p>
<div class="options">
<div class="option">
<input type="radio" id="q9_yes" name="question9" value="si" required>
<label for="q9_yes">Sí</label>
</div>
<div class="option">
<input type="radio" id="q9_no" name="question9" value="no">
<label for="q9_no">No</label>
</div>
</div>
</div>
<div class="question">
<p>10.- ¿Ha faltado algunos días a su trabajo a causa de la bebida?</p>
<div class="options">
<div class="option">
<input type="radio" id="q10_yes" name="question10" value="si" required>
<label for="q10_yes">Sí</label>
</div>
<div class="option">
<input type="radio" id="q10_no" name="question10" value="no">
<label for="q10_no">No</label>
</div>
</div>
</div>
<div class="question">
<p>11.- ¿Ha tenido lagunas mentales?</p>
<div class="options">
<div class="option">
<input type="radio" id="q11_yes" name="question11" value="si" required>
<label for="q11_yes">Sí</label>
</div>
<div class="option">
<input type="radio" id="q11_no" name="question11" value="no">
<label for="q11_no">No</label>
</div>
</div>
</div>
<div class="question">
<p>12.- ¿Ha llegado a sentir que su vida sería mejor si no bebiera?</p>
<div class="options">
<div class="option">
<input type="radio" id="q12_yes" name="question12" value="si" required>
<label for="q12_yes">Sí</label>
</div>
<div class="option">
<input type="radio" id="q12_no" name="question12" value="no">
<label for="q12_no">No</label>
</div>
</div>
</div>
<div class="button-container">
<button type="submit" id="submitButton">Ver Resultados</button>
</div>
<div class="info-text">
<p><strong>Si su respuesta es Sí a cuatro o más preguntas, existen dificultades serias con su manera de beber, la experiencia de varios millones de A.As. así lo comprueban.</strong></p>
<p><strong>Muchos de nosotros tuvimos que enterarnos de esta verdad por el camino más difícil.</strong></p>
<p><strong>Los que somos miembros de Alcohólicos Anónimos llegamos porque al fin dejamos de intentar controlar nuestra bebida, nos repugnaba admitir que nunca volveríamos a beber sin riesgo. Después oíamos decir a otros miembros de Alcohólicos Anónimos que éramos enfermos. Alcohólicos Anónimos no promete resolver los problemas de su vida, pero podemos mostrarle cómo estamos aprendiendo a vivir sin alcohol "día tras día". "Nos alejamos de ese primer trago", ya que, si no hay un primero, no habrá borrachera; y cuando nos liberamos del alcohol, encontramos que la vida se vuelve mucho más agradable.</strong></p>
<div class="button-container">
<button type="button" id="homeButton">Home</button>
</div>
</div>
</form>
<div id="results" class="hidden">
<div class="result-title">Resultado del Autodiagnóstico:</div>
<p id="resultText"></p>
<p id="resultScore"></p>
<div id="lowRisk" class="hidden">
<p>Sus respuestas indican un bajo riesgo de problemas con el alcohol. Sin embargo, si tiene preocupaciones sobre su consumo de alcohol, considere hablar con un profesional de la salud.</p>
</div>
<div id="mediumRisk" class="hidden">
<p>Sus respuestas sugieren que podría tener algunos problemas relacionados con el consumo de alcohol. Sería recomendable que consultara con un profesional de la salud para una evaluación más detallada.</p>
</div>
<div id="highRisk" class="hidden">
<p class="warning">Sus respuestas indican un patrón de consumo de alcohol que podría representar un riesgo significativo para su salud y bienestar. Le recomendamos encarecidamente que busque ayuda profesional.</p>
</div>
<div class="resources">
<p><strong>Recursos de ayuda:</strong></p>
<ul>
<li>Alcohólicos Anónimos: <a href="https://www.aa.org" target="_blank">www.aa.org</a></li>
<li>Línea Nacional de Ayuda: [Número de teléfono local]</li>
<li>Consulte con su médico de cabecera para recibir orientación y apoyo</li>
</ul>
</div>
</div>
<script>
document.getElementById('alcoholQuestionnaire').addEventListener('submit', function(event) {
event.preventDefault();
// Contar respuestas "Sí"
let yesCount = 0;
const totalQuestions = 12; // Ahora son 12 preguntas
for (let i = 1; i <= totalQuestions; i++) {
const questionName = 'question' + i;
const selectedValue = document.querySelector(`input[name="${questionName}"]:checked`).value;
if (selectedValue === 'si') {
yesCount++;
}
}
// Calcular porcentaje
const percentage = Math.round((yesCount / totalQuestions) * 100);
// Mostrar resultados
document.getElementById('resultScore').textContent = `Ha respondido "Sí" a ${yesCount} de ${totalQuestions} preguntas (${percentage}%).`;
// Determinar nivel de riesgo (ajustado para 12 preguntas)
document.getElementById('lowRisk').classList.add('hidden');
document.getElementById('mediumRisk').classList.add('hidden');
document.getElementById('highRisk').classList.add('hidden');
let resultMessage = '';
if (yesCount <= 3) {
resultMessage = 'Su consumo de alcohol parece estar dentro de los límites de bajo riesgo.';
document.getElementById('lowRisk').classList.remove('hidden');
} else if (yesCount <= 6) {
resultMessage = 'Sus respuestas indican un riesgo moderado. Considere evaluar sus hábitos de consumo de alcohol.';
document.getElementById('mediumRisk').classList.remove('hidden');
} else {
resultMessage = 'Sus respuestas indican un alto riesgo de problemas con el alcohol. Se recomienda buscar ayuda profesional.';
document.getElementById('highRisk').classList.remove('hidden');
}
document.getElementById('resultText').textContent = resultMessage;
// Mostrar sección de resultados
document.getElementById('results').style.display = 'block';
// Desplazarse hasta los resultados
document.getElementById('results').scrollIntoView({ behavior: 'smooth' });
});
// Funcionalidad para el botón Home
document.getElementById('homeButton').addEventListener('click', function() {
// Aquí puedes redirigir a la página de inicio
// window.location.href = "https://aainformacionhonduras.net/";
alert("Redirigiendo a la página de inicio...");
});
</script>
</body>
</html>
