Есть некий книжный магазин, нужно чтоб при нажатии на кнопку select, название книги и отображалось в форму (input)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/style.css">
<title>Book Store</title>
</head>
<body>
<h4>BOOK - STORE</h4>
<div class="cont">
<ul>
<li><img src="img/book 1.png" alt="book 1" height="377px" width="271px">
<p>Сила личности <br> 100 грн</p>
<div class="select">Select</div>
</li>
<li><img src="img/book 2.jpeg" alt="book 2" height="377px" width="271px">
<p>Сам себе программист <br> 250 грн</p>
<div class="select">Select</div>
</li>
<li><img src="img/book 3.jpg" alt="book 3" height="377px" width="271px">
<p>Зеленая миля <br> 300 грн</p>
<div class="select">Select</div>
</li>
<li><img src="img/book 4.jpg" alt="book 4" height="377px" width="271px">
<p>Приключения Шерлока Холмса <br> 230 грн</p><div class="select">Select</div></li>
</ul>
<hr>
<form class="form">
<p>
<label for="book"> Book:</label>
<input id="Input1" type="text" name="name">
</p>
<p>
<label for="Quntity"> Quantity:</label>
<input id="Input2" type="text" name="name">
</p>
<p>
<label for="name"> Name:</label>
<input id="Input3" type="text" name="name">
</p>
<p>
<label for="adress">Delivery adress:</label>
<textarea id="Enter1" name="message" cols="30" rows="5"></textarea>
</p>
<p>
<label for="date"> Date:</label>
<input id="Input4" type="text" name="name">
</p>
<p>
<label for="coment"> Comment:</label>
<textarea id="Enter2" name="message" cols="30" rows="5"></textarea>
</p>
<div class="buy" id="clean">Buy</div>
<hr>
</form>
<div id="tick"></div>
</div>
<script src="js/script.js"></script>
</body>
</html>
я написал, только оно выводит в input что написано пользователем а как туда передать название?
document.addEventListener('DOMContentLoaded', () => {
document.querySelector('.buy').addEventListener('click', () => {
document.getElementById('tick').innerHTML+=
`
${ document.querySelector('#Input3').value+", thanks for the order!<br>" }
${ 'Book: "'+document.querySelector('#Input1').value+ '" will be delivered on'}
${ document.querySelector('#Input4').value+ " to"}
${ document.querySelector('#Enter1').value+"<br>" }
${ "Quantity: "+document.querySelector('#Input2').value+"<br>" }
${ "Сomment: "+document.querySelector('#Enter2').value+"<br><br><hr>" }
`
})
//Очистка поля input после отправки
document.getElementById("clean").onclick=function(){
document.getElementById("Enter").value="";
document.getElementById("Input").value="";
}
})
