Нужно чтобы после ввода текста в инпут по клику на кнопку (next
) появлялось поле, в котором написан текст из инпута.
$(document).ready(function() {
$('#task1')
.css('display', 'none');
function change() {
(function() {
var text = $('#inputname').text();
$('#taskname').val(text);
})
}
$('#next')
.click(function() {
$('#empty-list').css('display', 'none');
$('#task1').css('display', 'block');
change()
})
$('#dlt')
.click(function() {
$('#task1').css('display', 'none');
$('#empty-list').css('display', 'block');
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="taskname" name="" value="">
<button id="next">Далее</button>
<button id="dlt">Свернуть</button>
<div id="inputname">Тут какой-то текст</div>
<div id="task1"></div>
<div id="empty-list"></div>