How to get variable from template in js?

Question

JavaScript

Good day. If the script is connected directly in the template, it works fine.

function addLink(e) {
    e.preventDefault();
    var pagelink = ' <a href="' + document.location.href + '">{$_modx->resource.name | lower}</a> ';
бла бла и т.д.

I needed to transfer it to a file and after that it {$_modx->resource.name | lower}remains itself, instead of substituting the resource name in lower case.
How to make it {$_modx->resource.name | lower}work?

Answer 1

you can do something like this:
in the template
well, in js you get the value of the attribute

let resName = document.querySelector("[data-modx-resource-name]").dataset.modxResourceName;
console.log(resName);