JavaScript_대화상자

코딩공부/HTML,CSS,JavaScript

diary100 2023. 4. 4. 15:46

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>

여기서 //로 처리된 값을 없애며 하나하나 실행해 보길 바란다.

//주석문을 없앤 결과값을 첨부하겠다.

결과