JavaScript

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

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

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

サンプルソース

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

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] 自然対数を求める(Math.log)

自然対数を求めるには、Math.log()を使用します。 構文 (a自然対数を求める) var x = Math.log ...

[JavaScript] 郵便番号のハイフン編集を行うテキストボックス

フォーカスインするとハイフン無し郵便番号、 フォーカスアウトするとハイフン有り郵便番号にするテキストボックスサンプルです ...

[JavaScript] セレクトボックスを未選択状態にする

セレクトボックスを未選択状態にするには、selectedIndexに -1 をセットすればOKです。 サンプルソース 例 ...

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

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

[JavaScript] 要素にclassを追加・削除する(classList)

JavaScriptで、要素にclassを追加・削除するサンプルです。 サンプルソース 例)要素にclassを追加・削除 ...

スポンサーリンク