Elementor #649

<div style="max-width: 500px; margin: 0 auto; font-family: sans-serif;">
  <h2>Bazi Life Fortune Calculator</h2>
  <form id="bazi-form">
    <label>Name:</label><br>
    <input type="text" id="name" required><br><br>

    <label>Date of Birth:</label><br>
    <input type="date" id="birthdate" required><br><br>

    <label>Time of Birth (24-hour):</label><br>
    <input type="time" id="birthtime" required><br><br>

    <label>Calendar Type:</label><br>
    <select id="calendar">
      <option value="yang">Gregorian</option>
      <option value="yin">Lunar</option>
    </select><br><br>

    <button type="submit">🔍 Reveal My Fortune</button>
  </form>

  <div id="result" style="margin-top: 20px; background: #f9f9f9; padding: 15px; border-radius: 8px; display: none;">
    <h3>🌟 Life Forecast</h3>
    <p id="fortune-output"></p>
  </div>
</div>

<script>
document.getElementById('bazi-form').addEventListener('submit', function(e) {
  e.preventDefault();

  const name = document.getElementById('name').value;
  const birthdate = document.getElementById('birthdate').value;
  const birthtime = document.getElementById('birthtime').value;
  const calendar = document.getElementById('calendar').value;

  const fortune = `Name: ${name}<br>
  Birth: ${calendar === 'yin' ? 'Lunar' : 'Gregorian'} ${birthdate} at ${birthtime}<br><br>
  Based on your Bazi (Eight Characters), your fortune reveals:<br>
  💡 Intelligent and insightful — great potential in creative or tech-related careers.<br>
  📈 Strong rise during middle years — support from mentors and opportunities.<br>
  💰 Stable financial outlook — avoid risky investments.<br>
  ❤️ In love: open communication is key to harmony.<br>
  🧘‍♂️ Elder years will be peaceful — take care of digestive health.`;

  document.getElementById('fortune-output').innerHTML = fortune;
  document.getElementById('result').style.display = 'block';
});
</script>