Javascriptの基本チュートリアルイベントの小さな例

JavaScriptイベントの小さな例:

ボタンをクリックしてdivの色を変更します

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>事件</title>
	<style type="text/css"> div{width:150px;height:150px;border:1px solid #f60;}</style>	
</head>
<body>
		<div id="dv"></div><br>

		<input type="button" value="点击" onclick="bt()">

		<script type="text/javascript">
			function bt(){
				var div=document.getElementById("dv");
	        	div.style.backgroundColor="red";
			}
		</script>
</body>
</html>

次のセクション

新しいファイル

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>事件</title>
	<style type="text/css"> div{width:150px;height:150px;border:1px solid #f60;}</style>	
</head>
<body>
		<div id="dv"></div><br>

		<input type="button" value="点击" onclick="bt()">

		<script type="text/javascript">
			function bt(){
				var div=document.getElementById("dv");
	 	div.style.backgroundColor="red";
			}
		</script>
</body>
</html>

提出するリセットコード

自動運転

全画面表示