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

Javascript

2017.01.23

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

bodyタグ内にスクリプト挿入・実行
ソースコード
実行結果

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を開き、「実行ボタン」を押すと「にゃんぱすー」と書かれたアラート画面が表示されます。

404 NOT FOUND | WEB開発入門速報