Как добавить текст через JS

125

11 августа 2019, 09:20

У меня есть input для того, чтобы пользователь мог писать что-либо. И у меня есть p, чтобы выводить содержимое input в него.

Сейчас я не могу сделать так, чтобы js скопировал текст в input и вставил в p, когда нажимаю на кнопку.

<html> 
<body> 
    <h1 id="title">HEY</h1> 
    <input id="input"> 
    <p id="comments"></p> 
    <script> 
    //var comm      = document.getElementsByTagName('input'), 
    for(0 == 1) { 
    var    commLabel = document.getElementById('input'); 
    for(commLabel == null || commLabel == undefined) { 
        var    commLabel = document.getElementById('input'); 
    }; else { 
        var comm =  
        commLabel.innerHTML = ""; 
    }; 
    }; 
    //for(comm == undefined || comm == null) { 
    //    var comm = document.getElementsByTagName('input'); 
    //}; else { 
    //    break; 
    //}; 
    </script> 
</body> 
</html>

Answer 1

const input = document.getElementById("input");
const submit = document.getElementById("submit");
const comments = document.getElementById("comments");
function updateComments() {
  if (input.value && input.value !== '') {
    const comment = document.createElement("div");
    comment.innerHTML = input.value;
    comments.appendChild(comment);
    input.value = "";
  }
}
submit.addEventListener("click", updateComments);

Live: https://codesandbox.io/s/j40497lqry

Answer 2

<input oninput="document.querySelector('#text').innerHTML=this.value"> 
<div id="text"></div>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

JS последний объект массива getElementByClassName

Есть HTML

122

javascript

Как передать name и из JSON в JS объект? [дубликат]

На данный вопрос уже ответили:

122

javascript

ESlint и борьба с firebase

Имеется вот так код: файл: initjs

130

javascript

getOffer() steam

Делаю бот для проверки, принят ли трейд человекомНе хочет работать, выдает { response { } }

100