TypeRacer Challenge

{"name":"TypeRacer Challenge","description":"Race against the clock in this high-speed typing challenge! TypeRacer Challenge is a thrilling game that tests your typing speed and accuracy. Can you keep up with the increasing pace and become the ultimate typing champion?","photo":null,"view_count":2,"fork_count":0,"expires_at":"2024-03-02T02:59:40.995481","created_at":"2024-03-01T02:59:40.995481Z","updated_at":"2024-03-01T03:02:31.063327Z","user_id":2,"status":"PRIVATE","parent_id":null,"id":753,"user":{"username":"gamerc0der","id":2,"password_hash":null,"updated_at":"2023-12-11T22:13:50.357943Z","reset_token_expiry":null,"subscription_status":null,"photo":null,"email":null,"recess_id":"a75a82d5-5ae6-41b7-d20f-788415be036d","created_at":"2023-12-11T22:13:50.357940Z","reset_token":null,"stripe_customer_id":null,"seats":null},"code":{"script.js":"let phrases = [\n \"The quick brown fox jumps over the lazy dog\",\n \"A wizards job is to vex chumps quickly in fog\",\n \"Jinxed wizards pluck ivy from the big quilt\",\n \"Five quacking zephyrs jolt my wax bed.\"\n];\nlet phraseLength;\n updateProgress('playerProgress', 0); // Initialize the player's progress bar\n updateProgress('bot1Progress', 0); // Initialize bot1's progress bar\n updateProgress('bot2Progress', 0); // Initialize bot2's progress bar\n\nfunction setup() {\n let phrase = random(phrases); // Choose a random phrase\n document.getElementById('phrase').innerText = phrase; // Display the phrase in the HTML container\n\n // Automatically focus the input field\n document.getElementById('typingInput').focus();\n\n // Add an event listener for the input field\n document.getElementById('typingInput').addEventListener('input', handleTyping);\n phraseLength = document.getElementById('phrase').innerText.length;\n simulateBotTyping(\"bot1Progress\", randomSpeed());\n simulateBotTyping(\"bot2Progress\", randomSpeed());\n\n}\nfunction handleTyping(event) {\n const typedText = event.target.value; // Get the current value of the input\n const originalText = document.getElementById('phrase').innerText; // Get the original text to be typed\n let correctChars = 0; // Initialize a variable to count the correct characters typed\n\n let updatedText = ''; // Initialize a variable to hold the updated HTML content\n\n // Loop through the original text to compare with typed text\n for (let i = 0; i < originalText.length; i++) {\n if (i < typedText.length) { // Check if the current character is already typed\n // Check if the typed character matches the original character\n if (typedText[i] === originalText[i]) {\n updatedText += `${originalText[i]}`; // Correct character\n correctChars++; // Increment the count of correct characters\n } else {\n updatedText += `${originalText[i]}`; // Incorrect character\n }\n } else {\n updatedText += originalText[i]; // Not yet typed characters\n }\n }\n\n // Update the phrase container with the updated HTML content\n document.getElementById('phrase').innerHTML = updatedText;\n\n // Update the player's progress bar based on the number of correctly typed characters\n updateProgress('playerProgress', correctChars / phraseLength);\n}\ndocument.body.addEventListener('click', () => {\n document.getElementById('typingInput').focus();\n});\n\nfunction simulateBotTyping(botId, speed) {\n let typed = 0;\n const interval = setInterval(() => {\n if (typed < phraseLength) {\n typed++;\n updateProgress(botId, typed / phraseLength);\n } else {\n clearInterval(interval);\n }\n }, speed);\n}\n\nfunction updateProgress(barId, progress) {\n const progressBar = document.getElementById(barId);\n if (progressBar) { // Check if the element exists\n progressBar.style.width = `${Math.max(progress * 100, 1)}%`; // Ensure minimum width for label visibility\n }\n}\nfunction randomSpeed() {\n return Math.floor(Math.random() * (1000 - 500 + 1) + 500);\n}","style.css":"","index.html":"\n\n\n\n \n \n TypeRacer Challenge\n \n\n\n\n

\n \n \n \n\n \n\n

Player

Bot 1

Bot 2

\n\n"},"chat_history":[],"assets":[],"messages_sent":19,"comments":[],"steps":[{"title":"Scoring System","step_number":2,"complete":false,"updated_at":"2024-03-01T02:59:41.000541","id":3951,"instruction":"Implement a scoring system based on typing speed and accuracy.","created_at":"2024-03-01T02:59:41.000540","project_id":753},{"title":"Timer and Countdown","step_number":3,"complete":false,"updated_at":"2024-03-01T02:59:41.000581","id":3952,"instruction":"Incorporate a timer to track the player's typing speed and accuracy.","created_at":"2024-03-01T02:59:41.000581","project_id":753},{"title":"Power-ups","step_number":4,"complete":false,"updated_at":"2024-03-01T02:59:41.000623","id":3953,"instruction":"Include power-ups or bonuses to make the game more exciting, such as a temporary speed boost or accuracy enhancement.","created_at":"2024-03-01T02:59:41.000623","project_id":753},{"title":"Leaderboard","step_number":5,"complete":false,"updated_at":"2024-03-01T02:59:41.000663","id":3954,"instruction":"Add a leaderboard to track and compare players' typing scores.","created_at":"2024-03-01T02:59:41.000662","project_id":753},{"title":"Visual Effects and Animations","step_number":6,"complete":false,"updated_at":"2024-03-01T02:59:41.000702","id":3955,"instruction":"Incorporate visual effects and animations to make the typing challenge more engaging.","created_at":"2024-03-01T02:59:41.000701","project_id":753},{"title":"Difficulty Levels","step_number":7,"complete":false,"updated_at":"2024-03-01T02:59:41.000762","id":3956,"instruction":"Implement different difficulty levels to cater to players of varying typing skills.","created_at":"2024-03-01T02:59:41.000761","project_id":753},{"title":"Dynamic Word Display","step_number":0,"complete":false,"updated_at":"2024-03-01T02:59:41.000440","id":3949,"instruction":"Display words on the screen that the player needs to type.","created_at":"2024-03-01T02:59:41.000439","project_id":753},{"title":"Progressive Speed Increase","step_number":1,"complete":false,"updated_at":"2024-03-01T02:59:41.000499","id":3950,"instruction":"Increase the typing speed as the player progresses through the game.","created_at":"2024-03-01T02:59:41.000498","project_id":753}]}