이런 코드가 나와 똑같이 붙여넣었는데 막상 웹브라우저 빈칸에 값을 입력을 해도 아무 반응이 없네요

제가 무엇을 잘못 입력한걸까요?

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

코드 마지막 부분은 이렇게 돼있습니다

<div class="question-box">
        <h2>3. HTML 붙이기/지우기 연습</h2>
        <h5>3-1. 이름을 입력하면 아래 나오게 하기</h5>
        <h5>[완성본]3-2. 다지우기 버튼을 만들기</h5>
        <input id="input-q3" type="text" placeholder="여기에 이름을 입력" />
        <button onclick="q3()">이름 붙이기</button>
        <button onclick="q3_remove()">다지우기</button>
        <ul id="names-q3">
            <li>세종대왕</li>
            <li>임꺽정</li>
        </ul>
    </div>
</body>

</html>