JavaScript 입문 (끝말잇기 게임): prompt( ), alert( ), confirm( )

이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 

 

이제부터는 지난시간 만들어 놓았던 기본 HTML 구조에서 자바스크립트를 넣을 수 있는 <script>태그에서 작업을 기본으로 합니다.

 

1. Prompt(  ) 함수

 

Prompt(  ) 함수는 처음시작시 화면에 조건을 나타내는데 우리는 게임참가자의 수를 지정하도록 할겁니다 .예를 들어 다음과 같이 써보고 저장후 Live Server에서 봅니다. 

 

웹페이지에 반영된 모습

우리는 이러한 prompt(  )함수의 성질을 이용하여 참가자의 수를 지정하고 변수에 저장을 합니다. 2가지 주의할 점은 prompt(  ) 함수 화면에 입력하는 내용은 전부 문자열입니다. 따라서 숫자열로 바꾸어줘야 합니다. 이 내용은 변수에 저장합니다. 

혹시 잘 작동이 되고 있는지 확인하기 위해서 console.log를 사용해서 웹페이지 개발자코드 콘솔로가서 확인하면 됩니다. 예를 들어 10명이 참석한다고 하고 개발자코드 콘솔에서 보면 다음과 같이 나오면 작동을 잘하고 있는겁니다.

8명이 참가한다고 입력

숫자열로 잘 반영이 된 모습

2. alert(  ) 함수와 confirm(  ) 함수

 

일종의 경고창입니다. alret(  )함수는 prompt(  )함수를 통해서 받은 수를 보여주는 역할을 합니다. 그 후 confirm(  ) 함수를 통해서 최종 저장을 합니다. prompt(  ) 함수로만 진행을 해도 되지만 입력한 수에 대한 재확인 과정을 습관적으로 가지고 있는게 좋습니다. 

자바스크립트에서는 위에서 아래로 순서대로 작동합니다.

위 코드는 다음과 같이 작동됩니다. 참가자 수를 3명으로 제한해 보죠.

prompt( ) 함수

alert( ) 함수

confirm( ) 함수

 

이제 자바스크립트의 코딩을 위한 함수를 적용하기 시작했습니다. 조금씩 이해도를 넓혀 가도록 하시죠.