JavaScript

[JavaScript] ボタンにclickイベントを設定する

投稿日:2017年11月21日 更新日:

ボタンにclickイベントを設定するサンプル2パターンのサンプルです。

サンプルソース

例1)ボタンタグにonclickを記述するパターン

例2)ボタンタグにonclickを記述しないパターン

解説

  • 例2のように、ボタンタグに直接記述しない方がJavaScriptとHTMLを分離でき、メンテナンス性がよくなるためお勧めです。

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] 1970年1月1日からの経過ミリ秒を取得する(.getTime)

1970年1月1日からの経過ミリ秒を取得するには、.getTime()を使用します。 サンプルソース 例)1970/1/ ...

[JavaScript] 値を厳密に比較する(===、!==) 厳密等価演算子

JavaScriptで値を比較する時、型も同じかどうかを比較するには「===」で比較します。 「===」は厳密等価演算子 ...

[JavaScript] 選択中の文字列を取得する(.getSelection)

選択中の文字列を取得するには、window.getSelection() を使用します。 サンプルソース 例)ボタンを押 ...

[JavaScript] 配列の先頭の要素を取り出す(.shift)

配列の先頭の要素を取り出すには、.shift()を使用します。 サンプルソース 例)配列から先頭の要素を取り出してコンソ ...

[JavaScript] スタイルをimportant指定する

JavaScriptでスタイル(CSS)を指定する時に、important指定をするサンプルです。 サンプルソース 例) ...

スポンサーリンク