Код IT
← Каталог

JavaScript DOM — 30 приёмов — 30.1. Комментарии пользователя

Фрагмент из «JavaScript DOM — 30 приёмов»: 30.1. Комментарии пользователя.

html lab1144 embed URL статья в энциклопедии
HTML main.html 
<ul id="comments"></ul>
<input type="text" id="text">
<button type="button" id="send">Отправить</button>
<script>
  const list = document.getElementById('comments');
  document.getElementById('send').addEventListener('click', () => {
    const text = document.getElementById('text').value.trim();
    if (!text) return;
    const li = document.createElement('li');
    li.textContent = text; // НЕ innerHTML с сырым вводом
    list.append(li);
    document.getElementById('text').value = '';
  });
</script>
<ul id="comments"></ul>
<input type="text" id="text">
<button type="button" id="send">Отправить</button>
<script>
  const list = document.getElementById('comments');
  document.getElementById('send').addEventListener('click', () => {
    const text = document.getElementById('text').value.trim();
    if (!text) return;
    const li = document.createElement('li');
    li.textContent = text; // НЕ innerHTML с сырым вводом
    list.append(li);
    document.getElementById('text').value = '';
  });
</script>