@Jlad

Страница пропадает после вывода строки javascript, что делать?

Заранее: В программировании я полный ноль, в особенности в веб языках, по этому заранее извиняюсь.
Я хочу сделать простой мессенджер на javascript, но столкнулся с проблемой. По идеи когда пользователь нажимает на кнопку "отправить" , в файле something.js берут введённое и выводят, но оно выводится сверху страницы и всё на самой станице (например поле ввода) пропадает, а мне нужно, чтобы текст выводился снизу, или под строкой ввода.
Код -
index.html:
<!DOCTYPE html>
<html>
<head>
<title>TestChat</title>
</head>
<body>

<h1>Test chat</h1>

<p>Введите сообщение:</p>

<form name="testmessage">
    <input type="text" size="200" name="message" placeholder="введите своё сообщение"/>
    <input type="submit" value="отправить"/>
</form>

<script src="Javascript/something.js"></script>

<script src="Javascript/messages.js"></script>

</body>
</html>

something.js:
document.forms.testmessage.onsubmit = function() {
    var message = this.message.value;
    document.write(message)
    return false;
};
  • Вопрос задан
  • 41 просмотр
Решения вопроса 1
sharomet
@sharomet
Front-End
<!DOCTYPE html>
<html>
<head>
<title>TestChat</title>
</head>
<body>
<h1>Test chat</h1>

<p>Введите сообщение:</p>

<form name="testmessage">
    <input type="text" size="200" name="message" placeholder="введите своё сообщение"/>
    <input type="submit" value="отправить"/>
</form>
<div id="message">
<!-- Тут будут сообщения -->
</div>

<script src="Javascript/something.js"></script>
<script src="Javascript/messages.js"></script>
</body>
</html>


document.forms.testmessage.onsubmit = function() {
    document.getElementById('message').innerHTML += this.message.value + '<br>';
    document.querySelector('[name=message]').value = ''; // Очистить поле ввода
    return false;
};
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы