Uncaught SyntaxError

Uncaught SyntaxError: Invalid or unexpected token
이라는 에러가 났다. 이 에러가 발생하면 따옴표나 괄호를 제대로 썼는지 확인해 봐야한다. 아래는 문제의 코드

function make_commentOne(item) {
        const { writer, content, commentId } = item;
        
        let htmlTemp = `<tr><td>${writer}</td>
          <td>${content}</td>
          <td  onclick="deleteComment($(commentId) )">X</td>
          <td onclick="updateComment()">E</td>
          </tr>`;
        $("#commentList").append(htmlTemp);
      }

템플릿 리터럴로 html을 그리는 함수다. deleteComment($(commentId))이 부분에서 오류가 나는 거 같은데 문제가 뭔지는 모르겠다. 다른 사람은 잘만 쓰는 것 같던데 난 왜 안되는 걸까.

결국 템플릿 리터럴을 쓰는 걸 포기하고 이걸로 갈아 탔다.

+'<td  onclick="deleteComment(\''+ commentId+'\' )">X</td>'
          

+"<td  onclick=\"deleteComment('" +commentId +"' )\">X</td>"