alert, prompt, confirm

alert

메시지를 보여줍니다.

prompt

사용자에게 텍스트를 입력하라는 메시지를 띄워줌과 동시에, 입력 필드를 함께 제공한다.

확인을 누르면 prompt 함수는 사용자가 입력한 문자열을 반환하고, 취소 또는 Esc를 누르면 null을 반환된다.

confirm

사용자가 확인 또는 취소 버튼을 누를 때까지 메시지가 창에 보여진다.

사용자가 확인 버튼을 누르면 true를, 취소 버튼이나 Esc를 누르면 false를 반환한다.

실습 - s10.html

<script>
    // alert, confirm, prompt

    // 화면에 메시지를 띄울 때 사용
    // window.alert("안녕하세요");

    // 유저의 동의를 받을 때 사용
    // 정말 삭제하시겠습니까?
    // 확인 true / 취소 false
    // const result1 = confirm("정말삭제하시겠습니까?");
    // alert(result1);

    // const result2 = prompt("가위/바위/보를 입력해주세요");
    // alert(result2);

    while (true) {
        const result2 = prompt("가위/바위/보를 입력해주세요");
        alert(result2);
    }

</script>

setTimeout과 setInterval

－ setTimeout을 이용해 일정 시간이 지난 후에 함수를 실행하는 방법
－ setInterval을 이용해 일정 시간 간격을 두고 함수를 실행하는 방법

실습 - s11.html

<h1 id="time"></h1>

<script>
    // setTimeout 
    // 정해놓은 시간이 되면 내부 코드가 작동된다
    // 3초 뒤에 메시지를 띄워줘
    // 매개변수 - 콜백함수, 시간(ms)
    // setTimeout(() => {
        //     alert("장비를 정지합니다.")
        // }, 3000);
    
    // setInterval
    // 정해놓은 시간마다 내부 코드가 작동된다
    // 매개변수 - 콜백함수, 시간(ms)
    setInterval(() => {
        const tag = document.getElementById("time");
        // tag.innerText = Date.now();
        const date = new Date();
        tag.innerText = `${date.getHours()}시 ${date.getMinutes()}분 ${date.getSeconds()}초`;

        // console.log(Date.now());
    }, 1000);

</script>