JavaScriptをHTMLに直接書きたい

HTMLに直接JavaScriptファイルを記述するが必要があるとき、同じ<script>タグを使います。JavaScriptファイルを用意することも、HTMLに直接書くことも、どちらもよく使用されます。

指定方法

以下の範囲に書かれたJavaScriptプログラムが実行されます。

<script>~</script>

サンプル

<body>
    <div>
        <p>ユーザーIDを忘れた方</p>
        <button id="btn">ユーザーIDの再発行</button>
    </div>
    <script>
            (function(){
                document.getElementById('btn').addEventListener('click',function(e){
                    window.alert('ユーザーIDを再発行します。よろしいですか？')
                })
            })();
    </script>
</body>

カテゴリー:WEB