Prompt 기능 (JavaScript)

김종화·2023년 7월 5일

JavaScript

목록 보기
10/18
post-thumbnail

onClick 이벤트를 통해 아래 이미지와 같은 기능을 구현해보자!

클릭시 메세지와 텍스트를 입력할 수 있는 인풋창과 확인을 누르면

입력한 내용이 콘솔에 기록된다. 구글링을 통해 prompt라는 기능을 찾아
코드를 작성해보았다.

<button onClick={()=>prompt('어렵나요?' + console.log(prompt)}

콘솔에 prompt 함수 자체가 기록된다... 실패.. 두번째 시도

<button onClick={()=>prompt('어렵나요?' + console.log(prompt())}

함수가 실행되고 기록도 되는데 prompt 창이 두 번 나온다
콘솔 기록은 한 번 밖에 안된다... 버튼을 누르면서 실행되고 콘솔 안에서
한 번 더 실행이 된다..

<button onClick={()=>console.log(prompt('어렵나요?))

콘솔로 감싸주니까 제대로 작동했다!
console.log(window.prompt)를 사용하는 다른 방법도 있었다.

0개의 댓글