Как передать переменную из PHP в JS?

Есть 3 файла: index.php, pdf-viewer.php и pdf.js. В index.php список pdf файлов, pdf-viewer — форма для вывода pdf, pdf.js — выводит pdf в форму. Сейчас pdf файл выводится по прямой ссылке которая прописана в js const url = "tmp/file.pdf";.
В переменной $urlFile указан путь до файла. Так же есть переменная с полным названием файла$path_parts['basename'].
Мне надо чтобы по ссылке из списка открывалась страница с pdf файлом. Можно ли как-то передать переменную с ссылкой из php в js.

Список файлов создан циклом:

index.php

foreach (glob("tmp/*.pdf") as $urlFile) {
    $path_parts = pathinfo($urlFile);
        echo "
        <li>
            <div>
                <div>
                    <a target="_blank" href="https://qna.habr.com/q/pdf-viewer.php">". $path_parts['basename']."</a>
                </div>
            </div>
        </li>";

foreach (glob("tmp/*.pdf") as $urlFile) {
    $path_parts = pathinfo($urlFile);
        echo "
        <li>
            <div>
                <div>
                    <a target="_blank" href="https://qna.habr.com/q/pdf-viewer.php?file={$urlFile}">". $path_parts['basename']."</a>
                </div>
            </div>
        </li>";