如何在 vanilla JS 中通过 forEach 函数正确使用 Latex 符号？

Question

我有数组示例，其中有示例（ax^2 + 5x +1 = 0）、示例（ax^2 + 9x +9 = 0）等等。

我有以下逻辑

const container = document.querySelector("#examples-container");
    examples.forEach((ex, i) => {
      const example = `
        <div class="card">
          <div class="example">
          ${ex.question}
          </div>
          <button type="button" class="toggle" onclick="toggle(${i})">
            Toggle
          </button>
          <div id="result_${i}" style="display:none" class="result">${ex.answer}</div>
        </div>`;
      container.innerHTML += example;
    });

不知怎么的，不起作用，我只得到带有数组值的字符串，没有其他内容。 <p>(ax^2 + 5x +1 = 0)</p>效果很好