JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
<div class="btn-group">
  <button class="btn" id="coordinateX">49.124545</button>
  <button class="btn" id="map" data-copytarget="#coordinateX">Copy Coordinate</button>
</div>

<br />
  <label for="website">Website:</label>
<input type="text" id="txtCoordinateX" value="49.124545" />
<button data-copytarget="#txtCoordinateX" id="copyBlock">Copy Coordinate From Input</button>

<span id="copyAnswer"></span>
</div>

JavaScript

var textarea = document.getElementById("txtCoordinateX");
var answer = document.getElementById("copyAnswer");
var copy   = document.getElementById("copyBlock");
copy.addEventListener('click', function(e) {

   // Select some text (you could also create a range)
   textarea.select(); 

   // Use try & catch for unsupported browser
   try {

       // The important part (copy selected text)
       var successful = document.execCommand('copy');

       if(successful) answer.innerHTML = 'Copied!';
       else answer.innerHTML = 'Unable to copy!';
   } catch (err) {
       answer.innerHTML = 'Unsupported Browser!';
   }
});