Копировать в буфер обмена

Я пытаюсь скопировать ссылку на общий доступ в буфер обмена в приложении фляги, которое у меня есть.

Моя html-страница выглядит следующим образом:

{% extends 'index.html' %}
<script>
    function copyToClipboard(link) {
        navigator.clipboard.writeText(link)
    }
</script>

{% block content %}

    <h1 class = "display-3">Sharing is caring!</h1>
    <p>Currently, the best thing to support the project is to share.</p>
    <div>
        <button class = "btn btn-primary" onClick = "copyToClipboard('{{link}}')">Copy link</button>
    </div>
{% endblock %}

ссылка отправляется на страницу через render_template и генерируется при загрузке страницы. Любые идеи приветствуются!