在 HTML 中显示以下嵌入代码时出现问题？

如何解决在 HTML 中显示以下嵌入代码时出现问题？

我想从交易视图中显示以下小部件

<div class="Tradingview-widget-container">
  <div id="Tradingview_56bdd"></div>
  <div class="Tradingview-widget-copyright"><a href="https://in.Tradingview.com/symbols/BTCUSD/?exchange=BITSTAMP" rel="noopener" target="_blank"><span class="blue-text">BTCUSD Chart</span></a> by TradingView</div>
  <script type="text/javascript" src="https://s3.Tradingview.com/tv.js"></script>
  <script type="text/javascript">
  new TradingView.widget(
  {
  "width": 1080,"height": 720,"symbol": "BITSTAMP:BTCUSD","interval": "D","timezone": "Etc/UTC","theme": "light","style": "2","locale": "in","toolbar_bg": "#f1f3f6","enable_publishing": false,"hide_top_toolbar": true,"withdateranges": true,"save_image": false,"details": true,"container_id": "Tradingview_56bdd"
}
  );
  </script>
</div>

如果我将其复制粘贴到 html 中，它就可以正常工作。但是我想根据用户的选择更改参数“符号”，因此我尝试通过 JavaScript 显示代码，因此我在 JS 中使用以下代码

var widgetHtml = '<div class="Tradingview-widget-container"> <div id="Tradingview_56bdd"></div> <div class="Tradingview-widget-copyright"><a href="https://in.Tradingview.com/symbols/BTCUSD/?exchange=BITSTAMP" rel="noopener" target="_blank"><span class="blue-text">BTCUSD Chart</span></a> by TradingView</div> <script type="text/javascript" src="https://s3.Tradingview.com/tv.js"></script> <script type="text/javascript"> new TradingView.widget( { "width": 1080,"container_id": "Tradingview_56bdd" }); </script> </div>';
document.getElementById("Tradingview-widget").innerHTML = widgetHtml;

现在，我得到的不是 wodget，而是将我重定向到网站的链接，没有显示任何小部件。

有没有更好的方式来显示小部件？如何通过 JS 显示小部件？

抱歉问了一个愚蠢的问题，我是初学者，这是我的第一个 JS 项目

解决方法

我得到的愚蠢问题解决方案如下

在JS中添加fol

new TradingView.widget(
  { 
  "width": 980,"height": 610,"symbol": "NASDAQ:AAPL","interval": "D","timezone": "Etc/UTC","theme": "light","style": "1","locale": "in","toolbar_bg": "#f1f3f6","enable_publishing": false,"allow_symbol_change": true,"container_id": "tradingview_5a5e5"
  }
 );

并添加以下脚本

<script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>