Javascript-форум - Название в input

Есть некий книжный магазин, нужно чтоб при нажатии на кнопку 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="";
   }
})