document.addEventListener("DOMContentLoaded", function () {
const questions = [
{
question: "Выберите условие, которое верно вас характеризует:",
options: [
{ text: "Вы любите создавать новые продукты/проекты, сообщества", result: "attention" },
{ text: "Вы любите создавать условия для стабильности и системности", result: "power" },
{ text: "Вы любите создавать условия для проявления талантов каждого", result: "avoidance" },
{ text: "Вы любите создавать уникальные проекты с высокой планкой качества", result: "superiority" }
]
},
{
question: "Выберите условие, которое верно вас характеризует:",
options: [
{ text: "Умеете вовлекать других людей, привлекать внимание", result: "attention" },
{ text: "Готовы брать на себя ответственность и формировать общие правила", result: "power" },
{ text: "Не навязываете своего мнения, создаёте общую атмосферу принятия различий", result: "avoidance" },
{ text: "Любите постоянно учиться, получать новые знания, наращивать экспертизу", result: "superiority" }
]
},
// Добавьте остальные вопросы в таком же формате
];
let currentQuestionIndex = 0;
let results = { attention: 0, power: 0, avoidance: 0, superiority: 0 };
function renderQuestion() {
const questionContainer = document.getElementById("question-container");
questionContainer.innerHTML = "";
if (currentQuestionIndex < questions.length) {
const questionData = questions[currentQuestionIndex];
const questionElement = document.createElement("div");
questionElement.classList.add("card");
questionElement.innerHTML = `
${questionData.question}
`; questionData.options.forEach(option => { const button = document.createElement("button"); button.textContent = option.text; button.classList.add("question-button"); button.addEventListener("click", function () { results[option.result]++; currentQuestionIndex++; renderQuestion(); }); questionElement.appendChild(button); }); questionContainer.appendChild(questionElement); } else { showResults(); } } function showResults() { const questionContainer = document.getElementById("question-container"); questionContainer.innerHTML = ""; const resultElement = document.createElement("div"); resultElement.classList.add("card"); resultElement.innerHTML = `Результаты теста:
Внимание: ${results.attention}
Власть: ${results.power}
Уклонение: ${results.avoidance}
Превосходство: ${results.superiority}
`; questionContainer.appendChild(resultElement); } renderQuestion(); });