자바스크립트의 대화상자
Web API: 브라우저에서 제공하는 API(Application Programming Interface)
-프로그램들과 기능들의 상호 통신 방법을 규정하고 도와주는 매게체
●alert() : 사용자에게 메세지를 보여주고 확인을 기다림
●confirm() : 사용자에게 메세지를 보여주고 확인이나 취소를 누르면 그결과를 불린 값을 반환
●prompt() : 사용자에게 메세지를 보여주고 사용자가 입력한 문자열을 반환
confirm,prompt -> 결과값을 반환 한다 -> 변수에 받아야한다!
HTML 코드 예시
<!DOCTYPE html>
<html lang="en">
<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>
</head>
<body>
<h2>대화상자</h2>
<script>
//alert('안녕하세요 자바스크립트!')
//const result = confirm('확인 또는 취소를 눌러주세요')
//console.log(result)
// const result2 =prompt('당신의 이름을 입력하세요')
// console.log(result2)
// const year =prompt('당신의 출생년도를 입력하세요')
// console.log(2023-year)
const num1 =prompt('첫번째 숫자를 입력하세요')
const num2 =prompt('두번째 숫자를 입력하세요')
//console.log(num1+num2); //문자열로 인식 -> 더하기면 연결된다.
console.log(Number(num1)+Number(num2))
</script>
</body>
</html>
여기서 //로 처리된 값을 없애며 하나하나 실행해 보길 바란다.
//주석문을 없앤 결과값을 첨부하겠다.
결과
'코딩공부 > HTML,CSS,JavaScript' 카테고리의 다른 글
| JavaScript_조건문(if) (0) | 2023.04.05 |
|---|---|
| JavaScript_연산자 (0) | 2023.04.05 |
| JavaScript_타입변환 (0) | 2023.04.04 |
| JavaScript_데이터 타입 (0) | 2023.04.04 |
| JavaScript_상수 (0) | 2023.04.04 |
