사용자와 커뮤니케이션
1. Alert : 경고창/알림창 / Console.log : 임의의 값 출력
<input type="button" value="alert" onclick="alertFnc()">
<input type="button" value="console" onclick="consoleFnc()">
<script>
function alertFnc(){
alert(1);
alert(2);
alert(3);
}
function consoleFnc(){
console.log('Hello!');
}
</script>
사용자에게 정보를 제공하거나 디버깅등의 용도로 많이 사용 (요즘은 alert보다는 console을 많이 사용함)
2. Confirm
<body>
<input type="button" value="confirm" onclick="func_confirm()">
<script>
function func_confirm(){
if(confirm('ok?')){
alert('ok');
} else {
alert('cancel');
}
}
</script>
</body>
확인과 취소버튼이 있는 컨펌창을 열어주는 기능 (확인을 누르면 true / 취소를 누르면 false를 리턴)
3. Prompt
<body>
<input type="button" value="prompt" onclick="func_prompt()">
<script>
function func_prompt(){
if(prompt('id?') === 'jowestsilver'){
alert('welcome');
} else {
alert('fail');
}
}
</script>
</body>
사용자로부터 입력을 받는 기능 (사용자로부터 어떤 값을 입력 받아 그것에 따라 Javascript을 동작 할 수 있게 함)
Last updated
Was this helpful?