ウェブ学のすすめ

Study of Web Design & Programing

ボタンをクリックするとアラートに「Hello JavaScript!」と表示させるJavaScript【J09】

JavaScript

ボタンをクリックするとアラートに「Hello JavaScript!」と表示させるJavaScript - jsdo.it - share JavaScript, HTML5 and CSS

コード

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>J09</title>
<script type="text/javascript">
<!--
function hello(){
  alert('Hello JavaScript!');
}
//-->
</script>
<style type="text/css">
input {
  cursor: pointer;
}
</style>
</head>
<body>
<h1>アラートを表示する</h1>
<hr>
<p>ボタンをクリックするとアラートが表示されます。
<input type="button" value="クリックしてください" onClick="hello()">
</p>
</body>
</html>