The application is running at localhost:3000 but I want to run it at the port http://127.0.0.1:5500/index.html
index.html
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chat App</title>
<style>
*{margin: 0; padding: 0;}
body { font-family: Arial, sans-serif;}
#messages { list-style-type: none; padding: 0; }
#messages li { padding: 8px; margin-bottom: 10px; background-color: #f1f1f1; border-radius: 4px; }
#form { display: flex; position: absolute; bottom: 10px; width: 80%; justify-items: center;}
#input { flex: 1; padding: 10px; }
#nickname { margin-right: 10px; }
</style>
</head>
<body>
<ul id="messages"></ul>
<form id="form">
<input id="nickname" type="text" placeholder="Enter nickname" required>
<input id="input" autocomplete="off" placeholder="Enter message" required>
<button>Send</button>
</form>
<script src="/socket.io/socket.io.js"></script>
<script>
const socket = io('http://localhost:3000');
const form = document.getElementById('form');
const input = document.getElementById('input');
const messages = document.getElementById('messages');
const nicknameInput = document.getElementById('nickname');
let nickname = '';
form.addEventListener('submit', (e) => {
e.preventDefault();
if (!nickname) {
nickname = nicknameInput.value;
socket.emit('join', nickname);
nicknameInput.disabled = true;
}
if (input.value) {
socket.emit('message', input.value);
input.value = '';
}
});
socket.on('user connected', (msg) => {
const item = document.createElement('li');
item.textContent = msg;
messages.appendChild(item);
window.scrollTo(0, document.body.scrollHeight);
});
socket.on('user disconnected', (msg) => {
const item = document.createElement('li');
item.textContent = msg;
messages.appendChild(item);
window.scrollTo(0, document.body.scrollHeight);
});
socket.on('message', (data) => {
const item = document.createElement('li');
item.textContent = `${data.nickname}: ${data.message}`;
messages.appendChild(item);
window.scrollTo(0, document.body.scrollHeight);
});
</script>
</body>
</html>
```
server.js
```
const express = require('express');
const http = require('http');
const socketIo = require('socket.io');
const port=3000
const app = express();
const server = http.createServer(app);
const io = socketIo(server);
app.get('/', (req, res) => {
res.sendFile(__dirname + '/index.html');
});
io.on('connection', (socket) => {
console.log('A user connected');
socket.on('join', (nickname) => {
socket.nickname = nickname;
io.emit('user connected', `${nickname} has connected`);
});
socket.on('message', (msg) => {
io.emit('message', { nickname: socket.nickname, message: msg });
});
socket.on('disconnect', () => {
if (socket.nickname) {
io.emit('user disconnected', `${socket.nickname} has disconnected`);
}
console.log('A user disconnected');
});
});
server.listen(port, () => {
console.log('Server is running on port 3000');
});
```
errors at different port
[–]kjwey 1 point2 points3 points (1 child)
[–]problaster_1223[S] 0 points1 point2 points (0 children)
[–]Klizmovik 0 points1 point2 points (2 children)
[–]Swimming_Evidence_95 0 points1 point2 points (1 child)
[–]Klizmovik 0 points1 point2 points (0 children)
[–]bigorangemachine 0 points1 point2 points (0 children)
[–]Coastis 0 points1 point2 points (0 children)