2-7 quiz 3번

▼강의를 보며 직접 입력한 코드▼

function q3() {
  let txt = $('#input-q3').val()
  let temp_html = '<li>${txt}</li>'
  $('#names-q3').append(temp_html)
}

▼강의 캡처▼

▼결과물▼

똑같이 따라썼는데 왜 결과가 이상하게 나올까요?ㅠㅠ

======

혹시나해서 강의 코드스니펫을 복사하여 해당 부분만 가져다 붙였는데(아래) 그건 또 작동을 합니다.

▼코드 스니펫▼

let newName = $('#input-q3').val();
    let temp_html = `<li>${newName}</li>`;
    $('#names-q3').append(temp_html);
}

▼코드 스니펫 결과▼

let newName = $('#input-q3').val();
let temp_html = `<li>${newName}</li>`;
$('#names-q3').append(temp_html);

비교

  let txt = $('#input-q3').val()
  let temp_html = '<li>${txt}</li>'
  $('#names-q3').append(temp_html)

그리고 문장 끝에 있는 ; 의 역할은 무엇인가요?

감사합니다.