yuu-nkjm/ex03-01.html

## ex03-01.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
</head>
<body>
<h2>例1</h2>
<p>以下のp要素に書かれたテキストを読み取ります．</p>
<p id="input_text">出力されるテキスト→<br>foobar<br>foobar</p>
<p>読み取ったテキストを以下に書き込みます．</p>
<p id="output_area"></p>
<input type="button" id="button1" value="htmlの読み込み，書き込み">
<script>
$(document).ready(function(){
  $("#button1").on("click", function(){
    var txt=$("#input_text").html();
    $("#output_area").html(txt);
  });
});
</script>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8" />
	<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
	</head>
	<body>
	<h2>例1</h2>
	<p>以下のp要素に書かれたテキストを読み取ります．</p>
	<p id="input_text">出力されるテキスト→<br>foobar<br>foobar</p>
	<p>読み取ったテキストを以下に書き込みます．</p>
	<p id="output_area"></p>
	<input type="button" id="button1" value="htmlの読み込み，書き込み">
	<script>
	$(document).ready(function(){
	$("#button1").on("click", function(){
	var txt=$("#input_text").html();
	$("#output_area").html(txt);
	});
	});
	</script>
	</body>
	</html>