Please help me with this. I am having trouble Please examine this a sever_side.js (node.js) for a document editor, to see it is good. I have also provided a bit of Client-side.js (web browser) const http = require('http');const fs = require('fs'); const server = http.createServer((req, res) => { if (req.url === '/' || req.url === '/index.html') { // Read the HTML file fs.readFile('index.html', (err, data) => { if (err) { res.writeHead(404); res.end("Error: File not found"); } else { res.writeHead(200, { 'Content-Type': 'text/html' }); res.write(data); res.end(); } }); } else if (req.url === '/client_side.js') { // Read the client-side JavaScript file fs.readFile('client_side.js', (err, data) => { if (err) { res.writeHead(404); res.end("Error: File not found"); } else { res.writeHead(200, { 'Content-Type': 'text/javascript' }); res.write(data); res.end(); } }); } else if (req.url === '/server_side.js') { // Read the server-side JavaScript file fs.readFile('server_side.js', (err, data) => { if (err) { res.writeHead(404); res.end("Error: File not found"); } else { res.writeHead(200, { 'Content-Type': 'text/javascript' }); res.write(data); res.end(); } }); } else { // Handle other requests res.writeHead(404); res.end("Error: Page not found"); }}); const PORT = process.env.PORT || 3000; server.listen(PORT, () => { console.log(`Server is running on port ${PORT}`);}); C_S.js: const url = "http://localhost:3000/document"; let undoStack = [];let redoStack = []; function sendDataToServer(data) { fetch(url, { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ content: data }) }) .then(response => response.json()) .then(data => console.log('Success:', data)) .catch((error) => console.error('Error:', error));} function formatText(command) { document.execCommand(command, false, null);} function changeFont() { const font = prompt("Enter font:"); document.execCommand("fontName", false, font);} function changeFontSize() { const size = prompt("Enter font size:"); document.execCommand("fontSize", false, size); } function highlightText() { const color = prompt("Enter highlight color code:"); document.execCommand("hiliteColor", false, color);} function updateTextInfo() { const editorContent = document.getElementById("editor").innerText; const wordCount = editorContent.trim().split(/\s+/).filter(word => word.length > 0).length; const characterCount = editorContent.replace(/[\n\s]+/g, '').length; const sentenceCount = editorContent.split(/[.!?]+/).filter(sentence => sentence.length > 0).length; const paragraphCount = editorContent.split('\n\n').filter(para => para.trim() !== '').length; document.getElementById("wordCount").innerText = "Word Count: " + wordCount; document.getElementById("charCount").innerText = "Character Count: " + characterCount; document.getElementById("sentenceCount").innerText = "Sentence Count: " + sentenceCount; document.getElementById("paraCount").innerText = "Paragraph Count: " + paragraphCount;});
Please help me with this. I am having trouble
Please examine this a sever_side.js (node.js) for a document editor, to see it is good. I have also provided a bit of Client-side.js (web browser)
const http = require('http');
const fs = require('fs');
const server = http.createServer((req, res) => {
if (req.url === '/' || req.url === '/index.html') {
// Read the HTML file
fs.readFile('index.html', (err, data) => {
if (err) {
res.writeHead(404);
res.end("Error: File not found");
} else {
res.writeHead(200, { 'Content-Type': 'text/html' });
res.write(data);
res.end();
}
});
} else if (req.url === '/client_side.js') {
// Read the client-side JavaScript file
fs.readFile('client_side.js', (err, data) => {
if (err) {
res.writeHead(404);
res.end("Error: File not found");
} else {
res.writeHead(200, { 'Content-Type': 'text/javascript' });
res.write(data);
res.end();
}
});
} else if (req.url === '/server_side.js') {
// Read the server-side JavaScript file
fs.readFile('server_side.js', (err, data) => {
if (err) {
res.writeHead(404);
res.end("Error: File not found");
} else {
res.writeHead(200, { 'Content-Type': 'text/javascript' });
res.write(data);
res.end();
}
});
} else {
// Handle other requests
res.writeHead(404);
res.end("Error: Page not found");
}
});
const PORT = process.env.PORT || 3000;
server.listen(PORT, () => {
console.log(`Server is running on port ${PORT}`);
});
C_S.js:
const url = "http://localhost:3000/document";
let undoStack = [];
let redoStack = [];
function sendDataToServer(data) {
fetch(url, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({ content: data })
})
.then(response => response.json())
.then(data => console.log('Success:', data))
.catch((error) => console.error('Error:', error));
}
function formatText(command) {
document.execCommand(command, false, null);
}
function changeFont() {
const font = prompt("Enter font:");
document.execCommand("fontName", false, font);
}
function changeFontSize() {
const size = prompt("Enter font size:");
document.execCommand("fontSize", false, size);
}
function highlightText() {
const color = prompt("Enter highlight color code:");
document.execCommand("hiliteColor", false, color);
}
function updateTextInfo() {
const editorContent = document.getElementById("editor").innerText;
const wordCount = editorContent.trim().split(/\s+/).filter(word => word.length > 0).length;
const characterCount = editorContent.replace(/[\n\s]+/g, '').length;
const sentenceCount = editorContent.split(/[.!?]+/).filter(sentence => sentence.length > 0).length;
const paragraphCount = editorContent.split('\n\n').filter(para => para.trim() !== '').length;
document.getElementById("wordCount").innerText = "Word Count: " + wordCount;
document.getElementById("charCount").innerText = "Character Count: " + characterCount;
document.getElementById("sentenceCount").innerText = "Sentence Count: " + sentenceCount;
document.getElementById("paraCount").innerText = "Paragraph Count: " + paragraphCount;
});
Step by step
Solved in 2 steps
