반응형
자바스크립트에서 제공하는 기본 대화상자
- alert
- 확인버튼과 메세지를 출력하는 Alert 창, 주로 확인용으로 사용된다.
<script type="text/javascript">
function showAlert() {
var res = alert("Message")
console.log(res) // 반환 값이 없다, Undefined
}
</script>
<li>확인 버튼과 메세지를 출력하는 Alert 창</li>
<input type="button" onclick="showAlert()" value="확인">
- confirm
- 확인버튼, 취소버튼, 메세지가 들어가는 Confirm 창
- 반환값이 Boolean 타입이다
- 확인버튼, 취소버튼, 메세지가 들어가는 Confirm 창
<script type="text/javascript">
function showConfirm() {
var res = confirm('ㅎㅇ')
console.log(res)
if (res) {
document.getElementsByTagName("li")[1].style.color = "blue";
} else {
document.getElementsByTagName("li")[1].style.color = "red";
}
}
</script>
<li>확인, 취소 두가지와 메세지가 들어가는 Confirm 창<br>
(반환값이 Boolean 타입이다. True(확인) Or False(취소))</li>
<input type="button" onclick="showConfirm()" value="확인">
- prompt
- 확인버튼, 취소버튼, 메세지, 텍스트필드가 들어가는 Prompt 창
<script type="text/javascript">
function showPrompt() {
var res = prompt('아래에 값을 입력해주세요.')
console.log(res)
if (res == "싫어") {
alert('싫다고?')
} else if (res == "좋아") {
alert('좋다고?')
} else {
alert('어떡하라구 ㅠㅠ')
showPrompt()
}
}
</script>
<li>확인, 취소 두가지와 텍스트필드, 메세지가 들어가는 Prompt 창</li>
<input type="button" onclick="showPrompt()" value="확인">
반응형
'FrontEnd > JavaScript' 카테고리의 다른 글
[JavaScript] 자바스크립트란? (0) | 2020.10.09 |
---|---|
[JavaScript] 자바스크립트 DOM 이란 무엇인가 (0) | 2020.08.08 |
[JavaScript] 자바스크립트 DOM API (0) | 2020.08.08 |
[JavaScript] 자바스크립트 이벤트코드 작성방법 (0) | 2020.08.08 |
[JavaScript] 자바스크립트 자료형변환 (0) | 2020.08.08 |