Почему не получается скопировать текст с при помощи clipboard?

Question

[Alex_87]

Добрый вечер всем! Не получается скопировать при помощи clipboard. Я не понимаю, что я делаю не так? Вся информация по настройкам стара. Браузер ругается на синтаксис. А на самом сайте https://clipboardjs.com/ ужасная документация.
Ниже, я привожу свой код:

<script src="js/libs/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js"></script>

<div class="form-group">
     <input id="com" type="text" class="form-control" placeholder="Comment" name="comment">
     <button class="btn" data-clipboard-target="#com">Copy</button>
</div>

var btns = document.querySelectorAll('btn');
  var clipboard = new ClipboardJS(btns);
// Что ещё можно здесь написать!?

Answer 1

[Andrew]

var btns = document.querySelectorAll('.btn');
  var clipboard = new ClipboardJS(btns);

Так?
Или так

var btns = document.querySelector('.btn');
  var clipboard = new ClipboardJS(btns);

А нет, вот так:
var clipboard = new ClipboardJS('.btn');

Comments

[Alex_87]

Спасибо вам большое! Вы часто меня выручаете! Я только что нашёл эту ошибку, и как раз хотел о ней написать!

[Alex_87]

Один вопрос у меня возник. А как сделать так, чтобы с нескольких полей, можно было копировать текст и при этом, кнопка(копировать) была бы одна?
Да и с несколькими кнопками(чтобы у каждого input была своя кнопка) тоже пока непонятка. Выходит, что код ниже нужно будет копировать несколько раз, меняя класс

<script type="text/javascript">
	 var btns = document.querySelectorAll('.btn');
    var clipboard = new ClipboardJS(btns);
	</script>

[RuWeb]

Такая же проблема, только у меня input и textarea.