WooCommerce动态ID定价

Question

我试图通过分析表单来显示之前选择的产品的价格。

使用短代码，我可以通过它的ID显示产品的价格，但我必须在某个部分进行硬编码。

这有效......

<script type="text/javascript">
var x = "4145";
    document.addEventListener('DOMContentLoaded', function () {
      document.getElementById('input').innerHTML = "[woocommerce_price id=4145]";
   })
</script>

这不是......

<script type="text/javascript">
var x = "4145";
    document.addEventListener('DOMContentLoaded', function () {
      document.getElementById('input').innerHTML = "[woocommerce_price id=" + x + "]";
   })
</script>

如何在客户端进行此项工作？