HTML
作者: baysaabymbaa8-jpg创建于 2026年1月29日更新于 2026年3月19日
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 (
ЭЭШ 140 өдөр Countdown
{countdown}
{message}
Өдрийн хичээлүүд
{todayTasks.map((subject) => (
{subject.name}
toggleComplete(subject.name)} />
))}
Өдрийн дүн шинжилгээ
-
{Object.keys(completed).map((key) => (
- {key}: {completed[key] ? 'Дууссан' : 'Хийж байна'} ))}
Өмнөх ЭЭШ-ийн асуултууд
(Энд та асуулт нэмж, тест үүсгэж болно)
内容来源: benweet/stackedit