script.js

document.addEventListener('DOMContentLoaded', () => {
    const factsBtn = document.getElementById('toggle-facts');
    const factsBox = document.getElementById('facts-box');
    const themeBtn = document.getElementById('theme-toggle');
    const body = document.body;
  
    factsBtn.addEventListener('click', () => {
      const shown = factsBox.style.display === 'block';
      factsBox.style.display = shown ? 'none' : 'block';
      factsBtn.textContent = shown ? 'Показать факты' : 'Скрыть факты';
    });
  
    const savedTheme = localStorage.getItem('theme') || 'light';
    if (savedTheme === 'dark') {
      body.classList.add('dark');
      themeBtn.textContent = '☀️';
    }
  
    themeBtn.addEventListener('click', () => {
      body.classList.toggle('dark');
      const isDark = body.classList.contains('dark');
      themeBtn.textContent = isDark ? '☀️' : '🌙';
      localStorage.setItem('theme', isDark ? 'dark' : 'light');
    });
  });