@Lorelin
Student web

Добавлять блок через js?

Здравствуйте. Я имею левую колонку:
<div class="task-item">
            	<div class="task-item__name-flex-container">
            		<div class="task-item__name-container">
            			<div class="task-item__name">
            				Купить лошадь
            			</div>

            			<button class="task-item__clear">
            				<img class="task-item__clear-img" src="img/clear-button.png" alt="close">
            			</button>

            			<button class="task-item__open">
            				<img class="task-item__open-img" src="img/arrow.png" alt="open">
            			</button>
            	    </div>
            	</div>

            	<div class="task-item__description">
            		По цене 300 т.р. за штуку
            	</div>
            </div>


И правую колонку c input и textarea:
<div class="right-column">
			<form>
				<h2 class="heading">Добавить новое дело</h2>

				<fieldset class="form-container">
					<p class="task-name__label">
						<label for="task-name__field">* Название</label>
					</p>

					<input id="task-name__field" type="text" name="task-name" required="">

					<p class="task-description__label">
						<label for="task-description__field">* Описание</label>
					</p>

					<textarea id="task-description__field" name="task-description__" required=""></textarea>

					<button class="add-task-button" type="button">Добавить дело</button>
				</fieldset>
			</form>
		</div>


Мне нужно чтобы при нажатии на кнопку, создавался такой-же блок(в правой колонке) но с данными забитыми в input. То есть текст вбитый в название (.task-name__field) был там где Купить лошадь (.task-item__name), а текст вбитый в описание(.task-description__field) был вместо "По цене 300 т.р. за штуку"(.task-item__description). Подскажите?)

p.s. дз по курсам js, только начал изучение. Проштудировал интернет, не понял как правильно задать
  • Вопрос задан
  • 140 просмотров
Решения вопроса 1
wapster92
@wapster92 Куратор тега JavaScript
Люблю трилогию ME
Нашел тебе статью, которая поможет со вставкой блока. А вот эта статья поможет с прочтением значений в input. Небольшой пример
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы