Solution 1 :

<!DOCTYPE html>
<input type="text" value="Hello Text Copied" id="myInput">
<button onclick="copyText()">Copy text</button>
function copyText () {
var TextCopy = document.getElementById("myInput");
alert("Copied the text: " + TextCopy.value);

Solution 2 :

With navigator.clipboard you can read and write from/to clipboard.

If you want to copy a selected portion of text, you can do that with window.getSelection().toString() .

Note: check if the selection is not .isCollapsed // meaning selection.end === selection.begin

You can customize how you want your selection to be parsed into a string by working with the Selection object

Problem :

I am trying to write code for a simple note taker app for work, but struggling with code to copy all fields to clipboard.

<!DOCTYPE html>

<h1>NOTEPAD 1.0</h2>

<div class="notes">

<form id="form1">

<label for="name"><b>Name:</b></label><br>
<input type="text" id="name" name="name"><br>

<label for="AR"><b>AR#:</b></label><br>
<input type="text" id="AR" name="AR"><br>

<label for="Verified"><b>Verified:</b></label><br>
<input type="text" id="Verified" name="Verified"><br>

<label for="Reason"><b>Reason:</b></label><br>
<input type="text" id="Reason" name="Reason"><br>

<label for="Resolution"><b>Resolution:</b></label><br>
<textarea style="width:700px; height: 200px;"></textarea></div>

let name = document.getElementById(name).value
let nameLabel = "Name:t"
let ARLabel = "AR#:t"
let copyString = nameLabel.concat(name, 'n', ARLabel, "AR");
<button onclick="navigator.clipboard.writeText(copyString)">Copy</button>

<input type="reset">


I want the copy output to display as



Comment posted by epascarello

What is your attempt? We need something to figure out what you doing wrong.

Comment posted by edit

Your answer could be improved with additional supporting information. Please

Comment posted by ImTrying

What about with the updated code I posted above?

Comment posted by ImTrying

Here’s the code I’m trying to use