word-relay 예제 따라하기 : 변수 저장편

참조

1. 이 글은 "Let's Get IT 자바스크립트 프로그래밍"의 예제를 따라면서 자습하는 글입니다.
2. 별도로 인터넷에서 찾아 작성한 예제도 포함될 수 있습니다.

---

prompt() 함수

• 기본 형태 :

	<script>
		prompt();
	</script>

• 문자열을 입력할 때 사용
• 괄호에는 아래의 내용이 들어감
  • ("입력창 멘트", "미리 삽입할 단어")
  • 생략이 가능함
• 호출되는 상자에 작성되는 모든 내용은 String 타입으로 나옴
• 호출되는 상자를 빈 공간으로 둔 채로 확인을 누를 경우 ''를 출력함.
• 상자 내 취소 버튼을 누르면 null 값이 나옴.
  
  

alert() 함수

• 사용방법

	<script>
		alert();
    </script>

• 괄호 안에는 메시지 문자열이 들어가며, 생략이 가능함.
• 사용자가 확인 버튼을 누를 때까지 메세지를 보여주는 창

confirm() 함수

• 사용방법

	<script>
		confirm();
	</script>

• 괄호 안에는 메시지 문자열이 들어가며, 생략이 가능함.
• 확인 또는 취소 버튼이 나온다.
  • 확인을 누르면 true 값이 반환된다.
  • 취소를 누르면 false 값이 반환된다.

책의 코드를 따라 해보자

• prompt()

<script>
	prompt('몇 명이 참가하나요?');
</script>

<script>
	const number = prompt('몇 명이 참가하나요?');
</script>

<script>
	const number = prompt('몇 명이 참가하나요?');
    console.log('number', number)
</script>

• alert()

<script>
	const number = prompt('몇 명이 참가하나요?');
    alert(number);
</script>

• confirm()

<script>
	const yesOrNo = confirm('확인이나 취소 눌러보세요');
    const.log(yesOrNo);
<script>

• typeof()
  • 변수의 타입을 반환하는 함수

<script>
	const number = prompt('몇 명이 참가하나요?');
    console.log(typeof number);
</script>

<script>
	const number = prompt('몇 명이 참가하나요?');
    const realNumber = Number(number);
    console.log(typeof realNumber);
</script>

• 위의 코드는 아래와 같이 해도 된다고 명시되어 있음

<script>
	const number = Number(prompt('몇 명이 참가하나요?'));
    console.log(typeof number);
</script>