Из input вывести в div

103

28 ноября 2020, 00:30

В input вводишь дату, время, текст - все это через запятую. Это все нужно вывести в div, но не просто как текст, а все в разный p или span, разницы особо нет.

Вот к примеру у меня есть календарь, в нем 5 блоков, с числами от 10 до 14. я в input укажу "13, 15.00, пойти на улицу", нужно чтобы код как-то отследил из всех 5 блоков, блок с нужным числом - это 13, и вставил туда всю информацию

Answer 1

Здесь почему то не работает но проверить можно здесь: https://codepen.io/topicstarter/pen/WBeyOV

var data = document.querySelector('.data'); 
var button = document.querySelector('#btn'); 
button.onclick = function () { 
 
var name = document.querySelector('#name').value; 
var surname = document.querySelector('#surname').value; 
var age = document.querySelector('#age').value; 
var email = document.querySelector('#email').value; 
	data.innerHTML = 'Имя ' + name + '<br>Фамилия '+ surname + '<br> Возраст ' +age + '<br> email ' + email+'<br><br>' ; 
};

<div class="data"></div> 
 
 
Имя <input type="text" id='name'><br> 
Фамилия <input type="text" id='surname'><br> 
Возраст <input type="text" id="age"><br> 
email <input type="text" id="email"><br> 
<button id="btn">Clickme!</button>