How to do a button click to copy for a text box or input with HTML and a little bit of Javascript.
The HTML (bootstrap):
<div class="container">
<div class="row mt-2">
<div class="col-6">
<button id="words" class="btn btn-primary mb-2">Copy text area</button>
<br />
<textarea id="text_copy" class="form-control" name="text_copy" rows="5" cols="12" readonly>
Word
Word2
Word3
Word4</textarea>
<br />
</div>
<div class="col-6">
<button id="input-btn" class="btn btn-primary mb-2">Copy input</button>
<br />
<input type="text" class="form-control" id="input" name="input" value="test text to copy">
</div>
</div>
</div>The Javascript functions to copy the text:
document.querySelector("#words").onclick = function () {
document.querySelector("#text_copy").select();
document.execCommand("copy");
};
document.querySelector("#input-btn").onclick = function () {
document.querySelector("#input").select();
document.execCommand("copy");
};