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

[ggerankin]

Привет, ребята, я учусь в 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;
}
function copy() { let textarea = document.getElementById("myInput"); textarea.select(); document.execCommand("copy");
}
</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:

 

[tonique]

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

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):