Как вызвать отрисовку Pug миксина по клику на кнопку?

Question

[Иван]

Идея такая: при нажатии на одну из пяти кнопок в разметке должен появится новый блок в котором будет ревью, для каждого события (кнопки) текст ревью будет разный. Не понимаю как совместить слушатель события и миксины.

.row
            .col-lg.worker
                button(type="button" class="worker__button" id="worker-1")
                    img(src="./img/content/workers/worker-1.png", alt="worker")

                button(type="button" class="worker__button" id="worker-2")
                    img(src="./img/content/workers/worker-2.png", alt="worker")

                button(type="button" class="worker__button" id="worker-3")
                    img(src="./img/content/workers/worker__active.png", alt="worker")

                button(type="button" class="worker__button" id="worker-4")
                    img(src="./img/content/workers/worker-4.png", alt="worker")

                button(type="button" class="worker__button" id="worker-5")
                    img(src="./img/content/workers/worker-5.png", alt="worker")

mixin review(rev)
    - var worker = document.getElementById('worker-1');
        p.review__text= rev
    .row
        .col-lg
            .review
                +rev("Nice work!")
                +rev("Awesome!")

Comments

[Kovalsky]

Речь о pug.render?

[Иван]

Никита Полевой, нет. о том, что нужно вставить в разметку определённый блок по клику на определённую кнопку

[Kovalsky]

BenderIsGreat34, не, я конечно тупой, но всё же не настолько) Я понимаю что речь об этом. На клиенте не создаётся объекта pug? Хмм, тогда может вот это поможет или это. Странно, но чо-то не гуглится как можно с помощью js взаимодействовать c pug.

[Алекс Глебов]

Pug существует на этапе сборки, в браузере только html