why isn't append working in my Javascript

Question

I have been trying to create a budget website I have written most of the code the problem here is that when I am trying to create an append my visual studio code editor detects the code as incorrect giving me these error messages. unterminated string literal. ts(1002), unexpected keyword or identifier. ts(1434), JSX expression must have one parent element. ts(2657) I have in my HTML file an unordered list as the parent element. here is my code. if anyone can help I would appreciate it

HTML

<h3 class="history">History</h3>
<ul class="list">
    <!--<li class="minus">
        Cash <span>-$400</span><button class="delete-btn">x</button>
    </li>-->
</ul>

Javascript

    const item = document.createElement('li');

    //Add class based on values

    item.classList.add(transaction.amount < 0 ? 'minus' : 'plus');

  item.innerHTML = '
  ${transaction.text} <span>${sign}${Math.abs(transaction.amount)}</span> <button class= "delete-btn" onclick= "removeTransaction"(${transaction.id})">x</button>
  ';

P.S. I am using this website to create it https://www.sourcecodeexamples.net/2020/12/expense-tracker-project-with-javascript.html.