Задать вопрос
@EasternSialia

Как очистить textarea с помощью javascript?

Есть код html, который показывает окно чата и кнопку Send.
Подскажите, как сделать на фронт части обработку команды /clear(она должна стирать историю сообщений при ее отправке в чат).
Другие команды, такие как /ban, /unban я реализовывала на серверной части. С /clear не знаю, что и делать.
Предполагаю, что надо пошаманить с textarea.

<html>
<head>
    <meta charset="UTF-8"/>
    <title>WebSocket Chat</title>
    <script type="text/javascript">
        var ws;

        function init() {
            ws = new WebSocket("ws://localhost:8080/chat");
            ws.onopen = function (event) {

            }

            ws.onmessage = function (event) {
                var $textarea = document.getElementById("messages");
                $textarea.value = $textarea.value + event.data + "\n";
            }
            ws.onclose = function (event) {

            }
        };

        function sendMessage() {
            var messageField = document.getElementById("message");
            var userNameField = document.getElementById("username");
            var message = userNameField.value + ":" + messageField.value;
            ws.send(message);
            messageField.value = '';
        }
    </script>
</head>
<body onload="init();">
<div id="body">
    <div id="menu">
        <p class="welcome">
            Welcome, <input id="username" value="somebody"/>
        </p>

        <div style="clear: both"></div>
    </div>

    <div id="chatbox">
        <textarea id="messages" rows="20" cols="50" readonly="readonly"></textarea>
    </div>

    <form name="message" action="">
        <input name="usermsg" type="text" id="message" size="40"/>
        <input type="button" name="submitmsg" value="Send" onclick="sendMessage();"/>
    </form>
</div>
</body>
</html>
  • Вопрос задан
  • 505 просмотров
Подписаться 2 Простой 1 комментарий
Пригласить эксперта
Ответы на вопрос 1
Jeer
@Jeer
уверенный пользователь
Привет,
Нужно внутри функции sendMessage обработать такую команду:
function sendMessage() {
            var messageField = document.getElementById("message");
            var userNameField = document.getElementById("username");

if(messageField  == '/clear'){
   var chat = document.getElementById("messages");
   chat.value = '';
} else {
   var message = userNameField.value + ":" + messageField.value;
   ws.send(message);
}
            messageField.value = '';
        }
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Rocket Смоленск
от 80 000 до 130 000 ₽
div. Ставрополь
от 40 000 до 90 000 ₽
Wanted. Санкт-Петербург
До 220 000 ₽