Create element/append

hi guys im new to electron, im trying to build a multichart app and im having the following problem:
when i click the button to execute the function create and append the element to a container, electron simply substitutes everything for this new element, here is the code:
index.js:

const tradingviewWidjet = document.querySelector(’.container’)
const crChartBtn = document.getElementById(‘cr-chart-btn’)

function createNewWidget() {

const newTvWidget = new TradingView.widget({
    autosize: true,
    symbol: "BINANCE:FTMUSDT",
    interval: "60",
    timezone: "Etc/UTC",
    theme: "dark",
    style: "9",
    locale: "en",
    toolbar_bg: "#f1f3f6",
    enable_publishing: false,
    withdateranges: true,
    hide_side_toolbar: false,
    allow_symbol_change: true,
    details: true,
    hotlist: true,
    calendar: true,
    studies: ["MAExp@tv-basicstudies"],
});

const newDivTv = document.createElement('div')
newDivTv.innerHTML = newTvWidget

tradingviewWidjet.append(newDivTv.classList.add('tradingview-widget-container'))

}

crChartBtn.addEventListener(‘click’, createNewWidget)

and the index.html:

Create Chart
<div class="container">
  <!-- TradingView Widget BEGIN -->
  <div class="tradingview-widget-container">
    <script type="text/javascript">
      new TradingView.widget({
        autosize: true,
        symbol: "BINANCE:LTCUSDT",
        interval: "60",
        timezone: "Etc/UTC",
        theme: "dark",
        style: "9",
        locale: "en",
        toolbar_bg: "#f1f3f6",
        enable_publishing: false,
        withdateranges: true,
        hide_side_toolbar: false,
        allow_symbol_change: true,
        details: true,
        hotlist: true,
        calendar: true,
        studies: ["MAExp@tv-basicstudies"],
      });
    </script>
  </div>
  <!-- TradingView Widget END -->
</div>
<script src="js/index.js"></script>

what im doing wrong??