如何在.hbs handlebar文件中使用javascript？

我有一个.hbs文件，在这个文件中，我可以通过键入

{{{username}}

来访问用户名。 现在，我在.hbs文件中添加了一个脚本标记（就像在html文件中添加脚本标记一样），我想在这个标记中编写javascript。我测试过：

警报（5）

它成功了。现在我想访问脚本标记中的
{{username}}
变量，但键入
{{username}}
不会返回用户名。如何访问此变量

{{username}}

<script type="text/javascript">

var temp = Handlebars.compile('{{username}}');

var username = temp({});
$.getJSON("http://localhost:3000/users/"+ username +"/summary.json", function (data) {
    num= data.topics[0].id;
});

 </script>

{{username}
var temp=handlebar.compile（{{username}}'）；
var username=temp（{}）；
$.getJSON（“http://localhost:3000/users/“+username+”/summary.json”，函数（数据）{
num=data.topics[0].id；
});

我想在我的.hbs文件中{{username}附近打印num变量，但我不知道如何打印？
{{{{username}}}//三个括号以避免把手划过它
{{{username}}} // triple brackets to avoid handlebars from scaping it
...

<div> id=Username value={{{username}}} style="visibility:hidden" </div>


<script type="text/javascript">

let a = document.querySelector('#body')
username = a.innertHTML // or whatever you need to get the content of the variable //username, in my case it was a long html paragraph.

 </script>

...
id=Username value={{{Username}}}style=“可见性：隐藏”
设a=document.querySelector（“#body”）
username=a.innertHTML//或获取变量//username的内容所需的任何内容，在我的例子中，这是一个很长的html段落。
{{{{username}}}//三个括号，以避免车把划过它
...
id=Username value={{{Username}}}style=“可见性：隐藏”
设a=document.querySelector（“#body”）
username=a.innertHTML//或获取变量//username的内容所需的任何内容，在我的例子中，这是一个很长的html段落。
请提供您尝试过的示例。不要这样做。只需将JS放在它所属的JS文件中。你永远不需要这样做。为什么要在嵌入模板中的脚本中编译模板？更大的背景是什么？@torazaburo这是一个对话插件，用于显示每个用户在其卡上的分数，该文件是我的插座连接器。我不知道怎么做你说的请提供一个你尝试过的例子，不要这样做。只需将JS放在它所属的JS文件中。你永远不需要这样做。为什么要在嵌入模板中的脚本中编译模板？更大的背景是什么？@torazaburo这是一个对话插件，用于显示每个用户在其卡上的分数，该文件是我的插座连接器。我不知道怎么做你说的