Вывести сообщение о копировании текста
 

Здравствуйте!
Есть скрипт, который копирует текст в буфер обмена:

//цепляем событие на onclick кнопки
var button = document.getElementById('userButton');
button.addEventListener('click', function () {
  //нашли наш контейнер
  var ta = document.getElementById('cont'); 
  //производим его выделение
  var range = document.createRange();
  range.selectNode(ta); 
  window.getSelection().addRange(range); 
 
  //пытаемся скопировать текст в буфер обмена
  try { 
    document.execCommand('copy'); 
  } catch(err) { 
    console.log('Can`t copy, boss'); 
  } 

//alert("text copied")
  //очистим выделение текста
  window.getSelection().removeAllRanges();

});

Хочется, что бы после копирования появлялось сообщение на самой странице, что текст скопирован (обычный alert выглядит некрасиво)

<p>Здесь какой то предварительный текст...
<span id="cont">текст для копирование</span><br>
<button id="userButton" class="btn btn-alt btn-sm">Скопировать</button><br>
</p>

Так сделайте красивое модельное окно, в чем проблема?

я не хочу модальное окно - хочу что бы просто появлялась надпись (например рядом с кнопкой) "Скопировано в буфер обмена"

еще проще

<button id="copy">скопировать</button>
  <script>
copy.onclick = e => {
  copy.insertAdjacentHTML('afterend', '<div style="position:absolute; top: 30px;" id="cpd">Скопировано в буфер обмена</div>');
  setTimeout(_=> cpd.remove(), 1000);
}
  </script>

благодарю