【Javascript】ボタン(inputタグ)に記述・挿入

この記事では、HTMLページのタグ内にスクリプト(Javascript)を入れて実行させる方法を紹介します。

bodyタグ内にスクリプト挿入・実行

Javascript(ジャバスクリプト)は、HTML中に埋め込むことができます。
今回は、タグ内(内側)に記述する方法を解説します。

書式

<input type="button" value="実行ボタン" onclick='ここにスクリプト記述'/>

ソースコード

サンプルプログラムのソースコードは下記の通りです。
【index.html】

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test</title>
</head>
<body>
<!-- ボタンを押すと実行 -->
<input type="button" value="実行ボタン" onclick='alert("にゃんぱすー");'/>
</body>
</html>

実行結果

サンプルプログラムの実行結果は下記の通りです。
index.htmlを開き、「実行ボタン」を押すと「にゃんぱすー」と書かれたアラート画面が表示されます。

おすすめ関連記事
1 Javascript入門 基本文法
関連記事