![見出し画像](https://assets.st-note.com/production/uploads/images/141087835/rectangle_large_type_2_001649fb43792cde209cf37ebd51a03a.png?width=800)
【JavaScript】ボタンクリックしたら処理をする【プログラミング言語】
ボタンクリックしたら処理をする
イベント というとパーティや音楽ライブなどがあると思います。
しかし、JavaScriptでは少し意味が違います。
本日は、ボタンをクリックしたら、処理を行うイベント処理をお伝えします。
onclick="★"
onclickイベントを使って処理を行います。
サンプルプログラムを見てみましょう。
サンプルプログラム
<html>
<body>
<input type="button" value="クリック!" onclick="alert('ボタンがクリックされました。')">
</body>
</html>
実行結果
![](https://assets.st-note.com/img/1716075408047-9biaNTOdsp.png)
JavaScript を使うと「ボタンがクリックされた」というイベントをきっかけに、プログラムを動かすことができます。
<input type="button" value="クリック!" onclick="alert('ボタンがクリックされました。')">
この処理は、フォームのボタンを作って、ボタンの表示を「クリック!」を押したら、onclick イベントを使い alertウィンドウ を使い、警告(アラート)ダイアログという小さいウィンドウを表示することができます。
警告ダイアログを表示すると、JavaScriptの実行を一時停止します。
サンプルダウンロード
もっと学びたい人は!この本がおすすめです!
#JavaScript #JavaScript初心者 #JavaScript学習 #プログラミング #プログラミング学習 #プログラミング初心者
この記事が気に入ったらサポートをしてみませんか?