Copy text from an input field

copy-text-button.html

<div class="input-group mb-3">
    <input type="text" class="form-control text-value" value="sample text here">
    <div class="input-group-append">
        <button class="btn btn-outline-secondary copy-url" type="button"><i class="fas fa-copy"></i></button>
    </div>
</div>

<script>
jQuery(document).ready(function($){
  $('.copy-url').click(function() {
    var url = jQuery(this).parent().parent().find('.text-value').val();
    var copyHex = document.createElement('input');
    copyHex.value = url
    document.body.appendChild(copyHex);
    copyHex.select();
    document.execCommand('copy');
    copyHex.remove();
  });
});
</script>