Конечно! Для того чтобы реализовать функциональность отправки комментариев при нажатии на кнопку, нужно учитывать несколько ключевых моментов. Приведу пример на JavaScript с использованием HTML:
### HTML
```html
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Комментарии</title>
</head>
<body>
<div>
<textarea id="commentInput" placeholder="Напишите ваш комментарий..."></textarea>
<button id="submitComment">Отправить комментарий</button>
</div>
<div id="commentsSection">
<h3>Комментарии:</h3>
<ul id="commentsList"></ul>
</div>
<script src="script.js"></script>
</body>
</html>
```
### JavaScript (script.js)
```javascript
document.getElementById('submitComment').addEventListener('click', function() {
var commentInput = document.getElementById('commentInput');
var commentText = commentInput.value.trim();
// Проверяем, что комментарий не пустой
if (commentText === '') {
alert('Комментарий не может быть пустым!');
return;
}
// Создаем новый элемент списка для комментария
var commentItem = document.createElement('li');
commentItem.textContent = commentText;
// Добавляем комментарий в список
var commentsList = document.getElementById('commentsList');
commentsList.appendChild(commentItem);
// Очищаем поле ввода
commentInput.value = '';
});
```
### Объяснение кода:
1. **HTML Разметка**: Мы создаем текстовую область для ввода комментария и кнопку для его отправки, а также секцию, где будут отображаться отправленные комментарии.
2. **JavaScript**:
- Мы добавляем обработчик события на кнопку "Отправить комментарий".
- Проверяем, не пустое ли поле ввода. Если пустое, выводим предупреждение.
- Если пользователь ввел комментарий, создаем новый элемент списка (`<li>`) и добавляем его в блок с комментариями.
- После этого очищаем поле ввода для дальнейшего использования.
Этот код поможет вам реализовать базовую функциональность отправки и отображения комментариев. Вы можете его расширить, например, добавив сохранение комментариев на сервере или в локальном хранилище.