Манипулирование выводом переменных в Django с помощью функции JavaScript

Я использую этот фрагмент кода для захвата части описания из видео объекта:

        <div id="description">
            <p>{{video.description | slice:":20" }}</p>
            <button onclick="showDescription()">Show description</button>
        </div>

Там я получил функцию showDescription(), я хочу, чтобы она отображала остальную часть описания, изменяя внутренний HTML код:

function showDescription() {
    var text = document.getElementById('description')
    text.innerHTML = "<p style='overflow-wrap: break-word; width: 100%;'>{{video.description}}</p>"
};

Но возвращается

{{video.description}}

Вместо фактического описания, какие-нибудь мысли?

<div id="description">
    <p>{{video.description | slice:":20" }}</p>
    <button onclick="showDescription('{{video.description}}')">Show description</button>
</div>

function showDescription(description) {
    var text = document.getElementById('description')
    text.innerHTML = "<p style='overflow-wrap: break-word; width: 100%;'>" + description + "</p>"
};