이름붙이기 버튼을 클릭했을때 li태그 추가후에도 입력한 텍스트가 입력창에 그대로 남아있은데

원래의 placeholder="여기에 이름을 입력"으로 돌아가게 하는 js코드가 무엇인지 궁금합니다

↓ 이렇게

작성한 코드 및 에러 메세지

function q3() {

            // 1. input-q3 값을 가져온다. let txt = ... q1, q2에서 했던 걸 참고!

            // 2. 가져온 값을 이용해 names-q3에 붙일 태그를 만든다. (let temp_html = `<li>${txt}</li>`) 요렇게!

            // 3. 만들어둔 temp_html을 names-q3에 붙인다.(jQuery의 $('...').append(temp_html)을 이용하면 굿!)

            let txt = $('#input-q3').val();

            let temp_html = `<li>${txt}</li>`

            $('#names-q3').append(temp_html);

        }

<button onclick="q3()">이름 붙이기</button>