Отправка текста из текстового поля внутри функции div

Question

Это упражнение, выполненное нами в нашем классе JavaScript, 3 дня назад. Наш профессор хотел, чтобы, если щелкнуть «like»/«comment»/«share», он будет окрашен, и если бы его снова щелкнули, он вернется к исходному цвету - как к типу Facebook ... Итак во всяком случае, я получил эту часть. Но он также хотел, чтобы, если что-то напечатано в текстовом поле и нажало «Отправить комментарий», он хочет, чтобы он появился на пустом месте выше или на div, который я сделал ... - и я не получил эту часть, и он никогда учил нас, как он только что проверил, и записал то, что мы смогли сделать ... Так что я хочу, чтобы узнать это и на самом деле понимаю ...

Answer 1

код, который вы уже попробовал довольно близко. Проблема заключается в том, что эта линия:

var text = document.getElementById('Coms') 

... получает вас ссылку на сам текстовое поле «комов», он не получает его значение. Вот почему на картинке вы получаете текст «[object HTMLInputElement]».

Чтобы получить значение элемента формы, как вход вам понадобится .value свойство:

var text = document.getElementById('Coms').value; 

В контексте с вашей полной функции:

function myFunction3(){ 
    var text = document.getElementById('Coms').value; 
    document.getElementById("Div3").innerHTML = text; 
} 

Answer 2

<div id="text"></div> 
<form> 
    <input type="text" id="textcontent"></input> 
    <input type="button" onclick="getdata()" value="Send comment"></input> 
</form> 
<script type="text/javascript" src="jquery-1.11.1.min.js"></script> 
<script type="text/javascript"> 
function getdata(){ 
    var textdata = document.getElementById('textcontent').value; 
    alert(textdata); 
    console.log(2); 
    $('#text').text(textdata); 
} 
</script> 

Этот код поможет вы, я думаю,