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

  • Автор темы ggerankin
  • 35
  • Обновлено
  • 17, May 2024
  • #1
Привет, ребята, я учусь в 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:

ggerankin


Рег
26 May, 2014

Тем
1

Постов
2

Баллов
12
  • 18, May 2024
  • #2
Вот фрагмент, который вы можете использовать:
 
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):
 

tonique


Рег
01 Jan, 2011

Тем
0

Постов
2

Баллов
2
Тем
49554
Комментарии
57426
Опыт
552966

Интересно