<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>

  <body>
<div style="margin-bottom:5px;">
     <button id="3" value="Button1" onclick="request_booking(this)">Button1</button>
      <button onclick="request_booking(this)" class="request" id="2" value="2 Submitted">Button2</button>
      <button onclick="request_booking(this)" class="request" id="3" value="3 Submitted">Button3</button>
</div>
<div style="">
    <textarea rows="10" cols="40" name="your-message" id="your-message"></textarea>
    </div>
  </body>

</html>
// Code goes here



function request_booking(objButton)
{

    var booking = objButton.value;
   var textarea = document.getElementsByName("your-message")[0];
textarea.value = booking; 
}

 
/* Styles go here */