Пройди тест и получи подарок

<div id="quiz">
  <h2>✨ Какой аромат Oriflame тебе подойдёт?</h2>
  <form id="quizForm">
    <div class="question">
      <p>1. Как ты описываешь себя в трёх словах?</p>
      <label><input type="radio" name="q1" value="1"> Нежная, романтичная, мягкая</label><br>
      <label><input type="radio" name="q1" value="2"> Яркая, смелая, экспрессивная</label><br>
      <label><input type="radio" name="q1" value="3"> Уверенная, элегантная, классическая</label><br>
      <label><input type="radio" name="q1" value="4"> Весёлая, лёгкая, солнечная</label><br>
      <label><input type="radio" name="q1" value="5"> Стильная, независимая, современная</label>
    </div>

    <div class="question">
      <p>2. Какая погода тебе ближе?</p>
      <label><input type="radio" name="q2" value="1"> Весна, цветение и тепло</label><br>
      <label><input type="radio" name="q2" value="2"> Лето, жара и солнце</label><br>
      <label><input type="radio" name="q2" value="3"> Осень, уют и пледы</label><br>
      <label><input type="radio" name="q2" value="4"> Зима, свежий воздух и аромат корицы</label><br>
      <label><input type="radio" name="q2" value="5"> Мягкое межсезонье, переменчивость</label>
    </div>

    <div class="question">
      <p>3. Как ты относишься к цветам?</p>
      <label><input type="radio" name="q3" value="1"> Обожаю розы и пионы</label><br>
      <label><input type="radio" name="q3" value="2"> Люблю экзотические — орхидеи, жасмин</label><br>
      <label><input type="radio" name="q3" value="3"> Предпочитаю минимализм — ландыши, белые цветы</label><br>
      <label><input type="radio" name="q3" value="4"> Ароматы фруктов и зелени — моё всё</label><br>
      <label><input type="radio" name="q3" value="5"> Обожаю древесные и пряные нотки</label>
    </div>

    <div class="question">
      <p>4. Какой стиль ты выбираешь?</p>
      <label><input type="radio" name="q4" value="1"> Романтический, с воланами и платьями</label><br>
      <label><input type="radio" name="q4" value="2"> Городской casual с изюминкой</label><br>
      <label><input type="radio" name="q4" value="3"> Строгий и элегантный</label><br>
      <label><input type="radio" name="q4" value="4"> Удобный и спортивный</label><br>
      <label><input type="radio" name="q4" value="5"> Современный, с трендами</label>
    </div>

    <div class="question">
      <p>5. Что для тебя аромат?</p>
      <label><input type="radio" name="q5" value="1"> Эмоции, настроение и лёгкость</label><br>
      <label><input type="radio" name="q5" value="2"> Способ заявить о себе</label><br>
      <label><input type="radio" name="q5" value="3"> Стильная деталь образа</label><br>
      <label><input type="radio" name="q5" value="4"> Личный комфорт и уют</label><br>
      <label><input type="radio" name="q5" value="5"> Подпись моей индивидуальности</label>
    </div>

    <button type="submit">Узнать результат</button>
  </form>

  <div id="result" style="margin-top:20px;"></div>
</div>

<script>
document.getElementById('quizForm').addEventListener('submit', function(e) {
  e.preventDefault();
  let total = 0;
  for (let i = 1; i <= 5; i++) {
    const answer = document.querySelector(`input[name="q${i}"]:checked`);
    total += answer ? parseInt(answer.value) : 0;
  }

  let resultText = "";
  const avg = total / 5;

  if (avg < 1.6) {
    resultText = "🌸 **Volare** — нежный, романтичный, цветочный. Идеален для утончённых натур.";
  } else if (avg < 2.6) {
    resultText = "🌞 **My Destiny** — энергичный, фруктово-зелёный. Для активных и ярких женщин.";
  } else if (avg < 3.6) {
    resultText = "👑 **Giordani Gold Essenza** — древесно-цветочный, с нотками апельсина. Для уверенных в себе.";
  } else if (avg < 4.6) {
    resultText = "🌿 **Women's Collection Innocent White Lilac** — лёгкий, свежий, аромат весны и уюта.";
  } else {
    resultText = "🖤 **Amber Elixir** — тёплый, пряный и чувственный. Ты — тайна, которую хочется раскрывать.";
  }

  document.getElementById('result').innerHTML = `<strong>Твой аромат:</strong> ${resultText}`;
});
</script>