사용자와 커뮤니케이션

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을 동작 할 수 있게 함)

Previous전역객체 windowNextLocation 객체

Last updated