HTML

import React, { useState, useEffect } from 'react'; import './tailwind.css'; const subjects = [ { name: 'Нийгмийн бүтэц', color: 'bg-blue-200' }, { name: 'Улс төр', color: 'bg-purple-200' }, { name: 'Хууль', color: 'bg-blue-300' }, { name: 'Эдийн засаг', color: 'bg-purple-300' }, { name: 'Соёл', color: 'bg-blue-400' }, ]; const motivationalMessages = [ 'Өнөөдөр чиний өдөр! ', 'Бид чадна! ', 'ЭЭШ-д ойрхон байна! ', 'Сайн хийж байна, үргэлжлүүл! ✨', 'Бэлтгэл чинь үр дүнгээ өгнө! ', ]; function App() { const [todayTasks, setTodayTasks] = useState(subjects); const [completed, setCompleted] = useState({}); const [message, setMessage] = useState(''); const [countdown, setCountdown] = useState(''); // 140 өдрийн countdown useEffect(() => { const eeshDate = new Date(); eeshDate.setDate(eeshDate.getDate() + 140); const interval = setInterval(() => { const now = new Date(); const diff = eeshDate - now; const days = Math.floor(diff / (1000 * 60 * 60 * 24)); setCountdown(`${days} өдөр ЭЕШ хүртэл`); }, 1000 * 60 * 60); // цаг тутам return () => clearInterval(interval); }, []); // Урмын үг солигдож гаргах useEffect(() => { const msgInterval = setInterval(() => { const randomMsg = motivationalMessages[Math.floor(Math.random() * motivationalMessages.length)]; setMessage(randomMsg); }, 1000 * 60 * 60); // цаг тутам return () => clearInterval(msgInterval); }, []); const toggleComplete = (name) => { setCompleted({ ...completed, [name]: !completed[name] }); }; return ( ); } export default App;