为什么以下代码没有返回我想要的结果？

Question

我有一个函数f（x），通过将输入值“ x”放入“ []”，可以对“ x”进行一些更改，例如粗体显示，斜体显示等。但是下面的代码应用f 只需返回“ [x]”作为文本，而不会影响功能“ f”。

 <script>
  function myFunction() {
  var x = document.getElementById("Textarea").value;
  document.getElementById("demo").textContent = "["+x+"]";
 }
 </script>

我想要的是黑体字“ x”或斜体，而没有“ [”和“]”。怎么做？

已添加： 函数f类似于mathjax，通过在两边添加$使输入字符串文本变为粗体和斜体。文字。通过假设f=mathjax，我认为它不会再返回期望的结果（我尚未检查这一结果，因为我不知道如何在代码中使用mathjax。）：

 <script>
  function myFunction() {
  var x = document.getElementById("Textarea").value;
  document.getElementById("demo").textContent = "$"+x+"$";
 }
 </script>