تعرف على هذا الكود:
استيراد React, { useState } من "react";
استيراد "./TyperTester.css"؛
استيراد {ProgressBar} من "react-bootstrap"؛
استيراد "bootstrap/dist/css/bootstrap.css"؛

لغات ثابتة = [
 {المعرف: 1، الاسم: "روبي" }،
 {المعرف: 2، الاسم: "جافا سكريبت" }،
 {المعرف: 3، الاسم: "بايثون" }،
];

عينات كود ثابت = {
 1: 'يضع "مرحبًا بالعالم!"',
};

وظيفة تيبيرتستر () {
 const [selectedLanguage, setSelectedLanguage] = useState(1);
 const [userInput, setUserInput] = useState("");
 const [timeTaken, setTimeTaken] = useState(0);
 const [startTime, setStartTime] = useState(null);
 const [endTime, setEndTime] = useState(null);
 const [currentCode, setCurrentCode] = useState(codeSamples[selectedLanguage]);
 const [isCorrect, setIsCorrect] = useState(true);
 const [nextLetter, setNextLetter] = useState("");
 const [typingProgress, setTypingProgress] = useState(0);

 const HandleLanguageChange = (الحدث) => {
 setSelectedLanguage(event.target.value);
 setCurrentCode(codeSamples[event.target.value]);
 setUserInput("");
 setIsCorrect(true);
 setNextLetter("");
 setTypingProgress(0);
 };

 const HandleChange = (الحدث) => {
 setUserInput(event.target.value);
 setTypingProgress((event.target.value.length /currentCode.length) \* 100);
 لو (
 event.target.value ===currentCode.substring(0,event.target.value.length)
 ) {
 setIsCorrect(true);
 setNextLetter(currentCode[event.target.value.length]);
 } آخر {
 setIsCorrect(false);
 }
 };

 const HandleKeyPress = (الحدث) => {
 إذا (event.target.value === الكود الحالي) {
 setEndTime(Date.now());
 setTimeTaken((endTime - startTime) / 1000);
 }
 };

 مقبض ثابت = () => {
 setStartTime(Date.now());
 };

 يعود (
 
 اختار اللغة:
 
 {languages.map((اللغة) => (
 
 ))}
 
 
 {currentCode.split("").map((char,index) => {
 إذا (الفهرس === userInput.length && صحيح) {
 يعود (
 
 {شار}
 
 );
 } else if (index === userInput. length && !isCorrect) {
 يعود (
 
 {شار}
 
 );
 } آخر {
 العودة {شار}؛
 }
 })}
 
 
 يبدأ
 
 {endTime && الوقت المستغرق: {timeTaken} ثانية

}
 
 );
}
تصدير TyperTester الافتراضي؛
{"evolved_from": null, "kind": "human", "source": "ewof/sharegpt-instruct-unfiltered-deduped"}