Отдельные кнопки копирования для копирования отдельных полей ввода без избыточности

Question

У меня есть это (что я знаю, это неправильно):

function copy() {
    var copyText = document.getElementById("copy_");
    copyText.select();
    copyText.setSelectionRange(0, 99999)
    document.execCommand("copy");
}
function copy2() {
    var copyText2 = document.getElementById("copy_2");
    copyText2.select();
    copyText2.setSelectionRange(0, 99999)
    document.execCommand("copy2");
}

И это связано с этим:

<ol>
<li><p>Open Terminal and change directory to /test/:</p><input type="text" value="cd /Users/test/" id="copy_" disabled><button onclick="copy()">Copy</button></li>

<li><p>Make a directory:</p><input type="text" value="mkdir .test" id="copy_2" disabled><button onclick="copy2()">Copy</button></li>
</ol>

Мне сказали моим коллегам использовать объекты событий и querySelectorAll но я не очень уверен, как это включить.

Заранее спасибо

Answer 1

Я не уверен в использовании объектов событий и querySelectorAll в этом случае.

Но у вас есть 2 аналогичных метода, которые имеют различие в "id" элемента.

Создайте метод, который будет принимать "id" элемента в качестве параметра функции

jsfiddle

function copy(id) {
    var copyText = document.getElementById(id);
    copyText.select();
    copyText.setSelectionRange(0, 99999)
    document.execCommand("copy");
}