Взять данные из поля input(text) и добавить к содержимому div (text input + text div)?

Question

[Константин Султанов]

Добрый день!
Подскажите пож-та, как решить следующую задачу:

При клике по кнопке, необходимо взять информацию, введенную пользователем в поле и добавить её к содержимому, которое размещено в элементе div.

В результате, в элементе div должен отображаться "текст из поля input" + "текст из элемента div".

Заранее спасибо!

Comments

[Сергей Горностаев]

Как вы пытались и что у вас не получилось?

[Константин Султанов]

Полный ноль в языке. Я умею брать данные по клику из поля input с помощью .value и умею помещать информацию в разные элементы с помощью innerHTML, но как соединить это не знаю, может этот вопрос решается вовсе не так.

Answer 1

[Павел Новиков]

Я бы сделал это как-то так

<input type='text' value='foo' id='foo'>
<div id='bar'><p>bar</p></div>
<button onclick='concat()'>click me</button>

<script>
function concat() {
var foo = document.getElementById('foo').value;
var bar = document.getElementsByTagName('p')[0].innerHTML;
document.getElementById('bar').innerHTML = foo + bar;
}
</script>

Comments

[Константин Султанов]

Спасибо большое, работает!

Answer 2

[Akira360]

сделал на основе выше написанного нужно было вывести в див кликнутое число

$(document).ready(function(){
  $(".book__btn").click( function  () {
    const datePicker = document.getElementById("datepicker").value;
    const datePickerTime = document.getElementById("disableTimeRangesExample").value;
    let datePic = (datePicker + ' ' + datePickerTime);
    $(".book__btn").addClass('js-open-callback');
    const datePicText =  document.getElementById('popup-textarea').innerHTML = datePic;
    datePicText();
  });
});