prompt('몇 명이 참가하나요?');
라고 함수를 입력하면
이렇게 입력할 수 있는 창을 띄워준다. 브라우저가 사용자로부터 입력을 받을 수 있는 수단이 된다.
저기에 3이라고 입력하면 입력받고 값을 까먹어버리기 때문에 변수에 값을 받아줘야한다.
const number = prompt('몇 명이 참가하나요?');
그런데 저기에 입력하는 값은 문자열이기 때문에 숫자로 바꿔줘야 한다. 숫자로 바꿔주는 함수 parseInt(), Number()
뒤에 10은 10진법임을 알려주는 것, 사실 안써도 기본이 10진법임.
const number = parseInt(prompt('몇 명이 참가하나요?'), 10);
Number(prompt(''몇 명이 참가하나요?)); 이런 식으로 Number를 활용할 수도 있다.
console.log 찍어서 진짜로 숫자가 저장되어 있나 확인
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>끝말잇기</title>
<style>
</style>
</head>
<body>
<div><span id="order">1</span>번째 참가자</div>
<div>제시어: <span id="word"></span></div>
<input type="text">
<button>입력</button>
<script>
const number = parseInt(prompt('몇 명이 참가하나요?'), 10);
console.log('number', number);
</script>
</body>
</html>
3을 입력했더니 console에 3이 확인되었다.
prompt() 는 사용자로부터 입력을 받고
alert() 는 경고만 보내고
confirm() 은 사용자로부터 예/아니오 를 받는다.
실제로 잘 쓰이지는 않는다.
const number = parseInt(prompt('몇 명이 참가하나요?'), 10);
alert(number);
const yesOrNo = confirm('맞나요?');
위의 결과를 확인해보면
1.
2.
3.
이렇게 확인된다.
'JS' 카테고리의 다른 글
| 모던 자바스크립트 Deep Dive - 전역 변수의 문제점 (0) | 2024.01.13 |
|---|---|
| 모던 자바스크립트 Deep Dive - 스코프 (1) | 2024.01.08 |
| 모던 자바스크립트 Deep Dive - 4.4장 (1) | 2024.01.07 |
| 이벤트 리스너 달기(콜백함수) (0) | 2022.07.07 |
| HTML 태그 선택하기(querySelector) (0) | 2022.07.07 |
댓글