How do I copy text from h1 onto clipboard with a button

Question

Here is the Javascript code. I need to copy all of numlength. (so the 5 random letters)

let numberArray = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
let boxEl = document.getElementById("numberbox-el")


let numlength = 5

function generate() {
    let generateNum = Math.floor(Math.random() * numberArray.length)
    
    return numberArray[generateNum]
}

function displayNum() {
    let display = ""
    for (let i = 0; i < numlength; i++) {
    display += generate()
    }
    boxEl.textContent = "Characters: " + display

}

Here is the HTML code, I am trying to create a button that copys <h1 to my clip board

<html>
    <head>
        <link rel="stylesheet" href="cssnumbergen.css">
    </head>
<body>
<h1 id="numberbox-el" >Characters:</h1>
<button id="generateNum" onclick="displayNum()" >Generate Characters!</button>

<script src="NumberGen.js"></script>
</body>
</html>

Does this answer your question? [How do I copy to the clipboard in JavaScript?](https://stackoverflow.com/questions/400212/how-do-i-copy-to-the-clipboard-in-javascript) — evolutionxbox, Jul 12 '22 at 00:14

score 0 · Accepted Answer · answered Jul 12 '22 at 00:05

0

navigator.clipboard.writeText(document.querySelector("#numberbox-el").innerText)

This will work for most browser.

answered Jul 12 '22 at 00:05

Chang Alex

505
3
11

where do I add that in my code? – RAlN4 Jul 12 '22 at 00:46
Isn't there a button? If there isn't, add when you want to copy like number generated. – Chang Alex Jul 12 '22 at 00:47
If I'm right, please mark this correct. – Chang Alex Jul 13 '22 at 03:47

How do I copy text from h1 onto clipboard with a button

1 Answers1