javascript - Clipboard.js ループ ボタン

Question

私は clipboard.js を使用しており、ボタンの 1 つをクリックした後、ボタンの下に成功メッセージを表示したいのですが、ループすることはできません。

これはボタンです：

<button type="button" class="clipboard-button button-rect" data-clipboard-text="{{ site.author.email|safe_email }}">
  <span class="button-text">Get in touch</span>
  <span class="clipboard-message">My E-Mail has been copied</span>
</button>

そして、これはjsです：

var clipboard = new ClipboardJS('.clipboard-button');

clipboard.on('success', function () {
    var message = document.querySelectorAll('.clipboard-message');
    message.style.opacity = '1';
    setTimeout(function () {
        message.style.opacity = '0';
    }, 2000);
});

すべてのボタンではなく、押されたボタンの下にメッセージを表示したい。

私はあなたの助けに感謝します、私はとても試しました。私はJSの初心者ですので、しばらくお待ちください。:)