[프론트엔드][JavaScript] 8. 대화상자

alert()

사용자에게 메세지를 보여주고, 확인을 기다리는 창이다.

 

<script>
  'use strict';
  alert('안녕하세요. JavaScript!');
  document.write('확인 버튼을 눌렀습니다.')
 </script>

 

 

 

 

confirm()

사용자에게 메시지를 보여주고, 확인이나 취소를 누르면 그 결과를 boolean 값으로 리턴해준다.

 

<script>
    const result = confirm('확인 또는 취소를 눌러주세요.');
    console.log(result); // 결과가 불린값으로 반환 (확인-true, 취소-false)
</script

 

 

 

prompt()

사용자에게 메세지를 보여주고, 사용자가 입력한 문자열을 리턴해준다.

 

<script>
    const name = prompt('당신의 이름을 입력하세요.');
    console.log(`당신의 이름은 ${name}이군요. 반갑습니다.`);
    console.log(`name의 타입 : ${typeof(name)}`);
</script>

 

 

 

 

<script>
    const num1 = prompt('첫번째 숫자를 입력하세요');
    const num2 = prompt('두번째 숫자를 입력하세요');
    console.log(`두 수의 합 : ${Number(num1) + Number(num2)}`);
</script>