Кнопка копирования текстового поля JS

Привет, ребята, я учусь в 9 классе и пытаюсь реализовать свой небольшой JS-проект.

мой учитель хочет, чтобы я создал генератор паролей.

он хочет, чтобы я создал кнопку «Копировать», которая копирует случайный пароль, который будет отображать слово «скопировано» и отображать «поле пусто», когда оно пустое.

пока это то, что у меня есть

 


</style>


</head>


<script language="javascript" type="text/javascript">


function randomString() {


var chars = "00112233445566778899AaBbCcDdEdFfGgHhIiJjKkLLMmNnOoPpQqRrSsTtUuVvWwXxYyZz";


var string_length = 8;


var randomstring = '';


for (var i=0; i<string_length; i++) {


var rnum = Math.floor(Math.random() * chars.length);


randomstring += chars.substring(rnum,rnum+1);


}


document.randform.randomfield.value = randomstring;


}


// Start copy button here


function copy() {


let textarea = document.getElementById("myInput");


textarea.select();


document.execCommand("copy");


}


// END copy button


</script>


<form name="randform" align="center">


<input type="button"


style="font-family:Consolas;color:#FFFFFF"


class="button button1"


value="Generate"


onClick="randomString();">&nbsp;


<input type="text"


id="myInput"


name="randomfield"


value=""


style="color:blue; padding: 12px 16px; font-size:20px; font-family:Consolas; font-weight:bold; background:#FCF4A3; width: 10%;">&nbsp


<input type="button"


style="font-family:Consolas;color:#FFFFFF"


class="button copybtn"


value="COPY"


onClick="copy('myInput');">&nbsp;


</form>

HTML:

Вот фрагмент, который вы можете использовать:

 
onClick="copyInput('myInput');">

Код (JavaScript): Затем вызовите метод, например:

 function copyInput(id) { //Get input field reference var inputField = document.getElementById(id); //Select the text inputField.select(); //Execute the copy command document.execCommand("copy"); //BOOM alert(inputField.value + "copied to Clipboard"); 

Код (JavaScript):