Как копировать текст в value при нажатии на иконку?

Question

[Andress84]

Приветствую, подскажите, как в инпуте копировать текст в value при нажатии на иконку?

<div class="form-group form-group__ico">
   <label for="card-num">2. Номер банковской карты получателя</label>
   <input name="card_num" type="text" class="form-control" id="card-num" required value="2200280421677347">
   <img class="image-copy" src="img/form-ico.svg" title="Скопировать" alt="Icon">
</div>

$(function() {
      $('.image-copy').click(function() {
         $('#card-num')[0].select(); 
         document.execCommand('copy');
         $('#card-num').append(' ');
         $('#card-num').val().slice(0, -1);
      });
    });

Answer 1

[Maksym Sahaidak]

let cardNum = document.querySelector('#card-num');
let imageCopy = document.querySelector('.image-copy');

imageCopy.addEventListener('click', function(){
    navigator.clipboard.writeText(cardNum.value);
})