Копирование случайной фразы из списка через кнопку

Question

Есть разметка, выдающая случайную строку из массива при каждом обновлении страницы:

<div id="myphrase"></div>


    var div = document.getElementById("myphrase");
    var lst = new Array();
    lst.push("Моя любимая фраза номер один.");
    lst.push("Моя любимая фраза номер два."); 
    lst.push("Моя любимая фраза номер три."); 
    lst.push("..."); 
    lst.push("Моя любимая фраза номер стопицот."); 
    div.innerHTML = lst[Math.floor(Math.random() * lst.length)];

Нужно, добавить кнопку копирования этой строки в буфер обмена.

Answer 1

  let text = document.getElementById('myText').innerHTML;
  const copyContent = async () => {
    try {
      await navigator.clipboard.writeText(text);
      console.log('Content copied to clipboard');
    } catch (err) {
      console.error('Failed to copy: ', err);
    }
  }

<p id="myText">Hello World</p>
<button class="btn" onclick="copyContent()">Copy!</button>

БЛОГ НА HUSL

Копирование случайной фразы из списка через кнопку

Ответы (1 шт):