「JavaScript」onclick属性でクリック時の処理サンプル

2022年5月5日

環境
Google Chrome　101.0.4951.54
書式
input type="button" id="tbn" onclick="関数名()"
onclick属性は関数を指定して実行します。
ボタンクリックするとメッセージボックスの表示イベントが発生します。
使用例

<!DOCTYPE html>
<html>
<head>
<style>
#tbn{
      width:50px;
      height:30px;
      background-color:#8FBC8F;
}
</style>
</head>
<script>
    function funcA() {
      alert("検証ボタンがクリックされました");
    }
</script>
<body>

<input type="button" id="tbn" onclick="funcA()" value="検証">
</body>
</html>

実行結果
「検証」ボタンを押下後、「検証ボタンがクリックされました」アラートが表示されます。

JavaScript

Posted by arkgame

関連記事: