JS]ユーザーとの通信


alert

alertを介してユーザに情報を提供してもよいし、デバッグしてもよい.
(ただし、最近のデバッグはコンソールログで行われています...)
<!DOCTYPE html>
<html>
    <head>

    </head>
    <body>
        <input type="button" value="alert * 3" onclick="alertfnc();">
        <script>
            function alertfnc(){
                alert(1);
                alert(2);
                alert(3);
            }
        </script>
    </body>
</html>
サンプルコード結果 alertによって生成された通知ウィンドウが消えるまで、後続のコードは実行されません.

confirm

<!DOCTYPE html>
<html>
    <head>

    </head>
    <body>
        <input type="button" value="ok?" onclick="fun_confirm()">
        <script>
            function fun_confirm(){
                if(confirm('ok?')){
                    alert('ok');
                }else{
                    alert('cancel');
                }
            }
        </script>
    </body>
</html>
サンプルコード結果
ユーザは、OkCancelのどちらを選択してもよいし、対応するコードを構成してもよい.

prompt

<!DOCTYPE html>
<html>
    <head>

    </head>
    <body>
        <input type="button" value="년도 맞추기!" onclick="fun_prompt()">
        <script>
            function fun_prompt(){
                var date=new Date();
                if(prompt('올해는 몇 년도인가요? (4자리)')==date.getFullYear()){
                    alert('맞았습니다!!');
                }else{
                    alert('틀렸습니다 ㅠㅠ');
                }
            }
        </script>
    </body>
</html>
サンプルコード結果
ユーザーが入力した内容に基づいて実行するコードを構成できます.