Помогите с мессенджером

Question

Помогите с мессенджером

Влад Ворвулев Профи (957), на голосовании 7 месяцев назад

Сэлам пополам! Короче, скажите мне пожалуйста, как сделать мессенджер без php и подобных заморочек с сервером и чтобы мне ВООБЩЕ БЫЛО ПОНЯТНО! Код пожалуйста можно на HTML, если захотите, можете дополнить CSS стилем и JS скриптом. Кста, можно пж со страницей регистрации?

Дополнен 8 месяцев назад

Изменено: не предлагайте мне варианты ИИ. Я их сразу узнаю

Answer 1

Создать полноценный мессенджер без сервера и базы данных невозможно, так как для хранения и передачи сообщений необходимо иметь сервер, который будет обрабатывать запросы и сохранять данные. Однако, если вам нужен простой пример чата на HTML, CSS и JS, то я могу показать вам простой вариант.

HTML:

<!DOCTYPE html>
<html>
<head>
<title>Simple Chat</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="chat-box">
<div id="messages"></div>
<form id="message-form">
<input type="text" id="message-input" placeholder="Type your message...">
<button type="submit">Send</button>
</form>
</div>
<script src="script.js"></script>
</body>
</html>

CSS:

body {
font-family: Arial, sans-serif;
background-color: #f5f5f5;
}

#chat-box {
width: 400px;
height: 500px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 5px;
margin: 50px auto;
overflow: hidden;
position: relative;
}

#messages {
width: 100%;
height: 80%;
overflow-y: auto;
padding: 10px;
}

#message-form {
width: 100%;
height: 20%;
position: absolute;
bottom: 0;
left: 0;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px;
}

#message-input {
width: 80%;
height: 30px;
border: 1px solid #ccc;
border-radius: 5px;
padding: 5px;
font-size: 14px;
}

button {
width: 15%;
height: 35px;
background-color: #0095f6;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 14px;
}

button:hover {
background-color: #0079bf;
}

JS:

let messages = [];

function addMessage(message) {
let messagesDiv = document.getElementById('messages');
let messageDiv = document.createElement('div');
messageDiv.textContent = message;
messagesDiv.appendChild(messageDiv);
messagesDiv.scrollTop = messagesDiv.scrollHeight;
}

function sendMessage() {
let input = document.getElementById('message-input');
let message = input.value;
if (message) {
messages.push(message);
addMessage(message);
input.value = '';
}
return false;
}

document.getElementById('message-form').onsubmit = sendMessage;

Это простой пример чата, в котором сообщения хранятся в массиве messages в JavaScript. При отправке сообщения оно добавляется в массив и отображается на странице. Этот пример не предусматривает сохранение сообщений на сервере и регистрацию пользователей.

Чтобы реализовать полноценную регистрацию и авторизацию пользователей, а также хранение и передачу сообщений на сервере, вам потребуется изучить технологии серверного программирования, такие как PHP, Node.js и другие.

Answer 2

Semen Kapacuk Гуру (3750) 8 месяцев назад

В мессенджере особо нечего верстать по сути. Если что-то непонятно, спрашивай конкретно.
Страница регистрации тоже простая, как 3 копейки, 2-3 инпута и кнопка

Влад ВорвулевПрофи (957) 8 месяцев назад

Ага, конечно. 2-3 инпута, кнопка... Аккаунты, имена, пароли... А ПРО ЭТО ТЫ ЗАБЫЛ ВРОДЕ! КАК ЭТО ХРАНИТЬ!? Я НАЧИНАЮЩИЙ ТОЛЬКО ПРОГРАММИСТ, Я В HTML ВООБЩЕ НЕ БУМ-БУМ!!!

Semen Kapacuk Гуру (3750) Влад Ворвулев, это все не относится к верстке и хранится на сервере. Для начала сверстай с данными, написанными вручную, потом сделай с помощью JS и уже потом можно пробовать с сервером. Так и только так ты поймешь, как это делается. А не скопировав готовый код, который для тебя никто не станет писать, кроме нейросетей

Answer 3

Dlazder Мудрец (16875) 8 месяцев назад

мессенджер без php? Ну используй вместо него node.js, django, java и вообще что угодно, но без бэкенда и базы данных ничего не получится.

Влад ВорвулевПрофи (957) 8 месяцев назад

да блин, я не могу круглосуточно использовать компьютер, по крайней мере для node.js, я вообще не мыслю в django и java

Dlazder Мудрец (16875) Влад Ворвулев, арендуй сервер.