변수 사용 관련해 질문입니다!

JavaScript
1

js 입문자입니다…!! 자세히 설명해주시면 감사하겠습니다!^^

표에서 한 row를 클릭했을 때 아래에 차트를 그려주고, 같은 row를 다시 누르면 없어지게 하고요. 만약 다른 row를 클릭하면 업데이트해서 보여 주고 싶거든요.

표에서 row에 대한 onclick을 정의하면 될거같은데, 아래 코드에서 “symbol”: document.elementById(“어떤row의TitleName”); 이 부분이 갱신되게 하려고 하는데 저기 new TradingView.widget(~~) 부분이 아예 그려지지가 않네요. 왜그런걸까요?

<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
  <div id="tradingview_ed067"></div>
  <div class="tradingview-widget-copyright">TradingView 제공 <a href="https://kr.tradingview.com/symbols/NASDAQ-AAPL/" rel="noopener" target="_blank"><span class="blue-text">AAPL 차트</span></a></div>
  <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
  <script type="text/javascript">
  new TradingView.widget(
  {
  "width": 980,
  "height": 610,
  "symbol": "NASDAQ:AAPL", // <----- 여길 변수 처리
  "interval": "D",
  "timezone": "Etc/UTC",
  "theme": "light",
  "style": "1",
  "locale": "kr",
  "toolbar_bg": "#f1f3f6",
  "enable_publishing": false,
  "allow_symbol_change": true,
  "container_id": "tradingview_ed067"
}
  );
  </script>
</div>
<!-- TradingView Widget END -->