Estoy tratando de hacer un botón de copia simple en javascript pero me arroja un error
TypeError: null is not an object (evaluating 'myInp.select')Cuando hago clic en el botón copiar
mi codigo es
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <h2 id="title">Copy to Clipboard - JAVA Script</h2> <input id=" myInp" type="text"> <button id="btncopy">Copy</button> </body> <script> const myInp = document.getElementById("myInp"); const btncopy = document.getElementById("btncopy"); btncopy.onclick = function() { // selecting the text myInp.select(); }; document.execCommand("Copy"); </script> </html>Parece que su error principal fue tener un espacio en la identificación de myInp.
Por cierto, las dos líneas siguientes hacen lo mismo. Los he probado a ambos.
navigator.clipboard.writeText(myInp.value); document.execCommand("Copy"); const myInp = document.getElementById("myInp"); const btncopy = document.getElementById("btncopy"); btncopy.onclick = function() { // selecting the text myInp.select(); navigator.clipboard.writeText(myInp.value); document.execCommand("Copy"); }; <h2 id="title">Copy to Clipboard - JavaScript</h2> <input id="myInp" type="text"> <button id="btncopy">Copy</button>