Free Essay Checker

body { font-family: Arial, sans-serif; } .container { max-width: 800px; margin: 50px auto; text-align: center; } textarea { width: 100%; margin-bottom: 20px; } button { padding: 10px 20px; background-color: #007bff; color: #fff; border: none; cursor: pointer; } button:hover { background-color: #0056b3; } #essayErrors { margin-top: 20px; text-align: left; } function checkEssay() { var essayText = document.getElementById('essayInput').value; // In a real application, you would send this essayText to a server for processing. // Here, for simplicity, we'll just simulate a response. simulateEssayCheck(essayText); } function simulateEssayCheck(essayText) { // Simulating server response with setTimeout setTimeout(function() { var errors = [ "Spelling mistake in paragraph 2, line 3: 'exmaple' should be 'example'.", "Grammar mistake in paragraph 3, line 5: Fragment sentence.", "Punctuation error in paragraph 4, line 10: Missing comma after 'However'." ]; displayEssayErrors(errors); }, 2000); // Simulating a 2-second delay } function displayEssayErrors(errors) { var errorDiv = document.getElementById('essayErrors'); errorDiv.innerHTML = "

Essay Errors:

"; if (errors.length === 0) { errorDiv.innerHTML += "

No errors found.

"; } else { errors.forEach(function(error) { errorDiv.innerHTML += "

" + error + "

"; }); } } This implementation provides a basic interface for users to input their essay text and click a button to check it. It simulates the server-side processing by using a setTimeout function to simulate an asynchronous operation. In a real-world scenario, you would send the essay text to a server that interacts with the Grammarly API (or similar) for checking, and then returns the errors found.