-
웹브라우저 자바스크립트 - 사용자와 커뮤니케이션 하기JavaScript/생활코딩 2018. 11. 22. 15:08
사용자와 커뮤니케이션 하기 - https://opentutorials.org/course/1375/6632
BOM중에서 사용자와 커뮤니케이션하는 방법에 대한 사례이다.
사용자에게 정보를 제공하거나 사용자가 정보를 입력하게 해서 사용자가 입력한 정보를 받아서 처리하는 방법이다.
- alert
경고창, 변수나 함수가 리턴하는 값을 확인할 때도 사용한다.
경고창을 실행되는 동안은 그 다음코드가 실행되지 않는다.
<!DOCTYPE html>
<html>
<body>
<input type="button" value="alert" onclick="alertfnc();" />
<script>
function alertfnc(){
alert(1); //해당 경고창이 실행 되고있는동안 아래 콛들은 실행되지 않는다.
alert(2);
alert(3);
}
</script>
</body>
</html>
[실행화면]
- confirm
경고창을 띄우지만 alert와 다르게 확인,취소 버튼이 있다.
확인을 누를경우 return값은 true, 취소를 누를경우 return값은 false를 반환한다.
<!DOCTYPE html>
<html>
<body>
<input type="button" value="confirm" onclick="func_confirm()" />
<script>
function func_confirm(){
if(confirm('ok?')){ //사용자에게 ok?라는 경고창이 뜬다
alert('ok');
} else {
alert('cancel');
}
}
</script>
</body>
</html>
[실행화면]
- prompt
사용자가 입력한 값을 받아서 javascript가 얻어낼 수 있는 기능이다.
<!DOCTYPE html>
<html>
<body>
<input type="button" value="prompt" onclick="func_prompt()" />
<script>
function func_prompt(){
if(prompt('id?') === 'egoing'){ //id?이라는 창이뜨면서 egoing으로 썼는지 확인해준다.
alert('welcome');
} else {
alert('fail');
}
}
</script>
</body>
</html>
[실행화면]
'JavaScript > 생활코딩' 카테고리의 다른 글
웹브라우저 자바스크립트 - Navigator객체 (0) 2018.11.22 웹브라우저 자바스크립트 - Location객체 (0) 2018.11.22 웹브라우저 자바스크립트 - BOM, 전역객체 Window (0) 2018.11.21 웹브라우저 자바스크립트 - Object Model (0) 2018.11.21 웹브라우저 자바스크립트 - HTML에서 JavaScript 로드하기 (0) 2018.11.20 댓글
