使用onInput（）方法时，如何动态重新呈现.ejs节？

Question

我正在尝试编写一些代码，其中一个人使用ASCIIMath语法键入input，并在其旁边动态地将复制/粘贴button呈现为具有数学符号的语法。问题是.ejs显示的是原始文本输入，而不是格式化的ASCIIMath符号。

这是我要导入的脚本：

   <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/latest.js?config=AM_CHTML"></script>

这是更新按钮值的脚本：

   <script >
     function onInput(){
        var val = document.getElementById('myInput').value;
        document.getElementById('myInputButton').innerText = val; 
     }
   </script>

这是带有按钮的输入部分：

   <input type="text" value="`sum_(i=1)^n i`" id="myInput" onInput="onInput()" >
   <button onclick="copyFunction(`${'myInput'}`)" id="myInputButton">Default 
   text</button>