mayth/gochiusa.html

## gochiusa.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>あぁ＾〜心がぴょんぴょんするんじゃぁ＾〜</title>
    <script src="gochiusa.js"></script>
  </head>
  <body>
    <canvas id="gochiusa" width="640" height="480">
      あぁ＾〜心ぴょんぴょんするには最新のブラウザが必要なんじゃぁ＾〜
    </canvas>
  </body>
</html>

## gochiusa.js
var y, canvas;

function pyonpyon() {
  var ctx = canvas.getContext("2d");
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  ++y;
  ctx.fillText("心", 0, y * y);
  if (y == 9) {
    y = -y;
  }
}

document.addEventListener("DOMContentLoaded", function(event) {
  y = -9;
  canvas = document.getElementById("gochiusa");
  setInterval(pyonpyon, 50);
});
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>あぁ＾〜心がぴょんぴょんするんじゃぁ＾〜</title>
	<script src="gochiusa.js"></script>
	</head>
	<body>
	<canvas id="gochiusa" width="640" height="480">
	あぁ＾〜心ぴょんぴょんするには最新のブラウザが必要なんじゃぁ＾〜
	</canvas>
	</body>
	</html>
	var y, canvas;

	function pyonpyon() {
	var ctx = canvas.getContext("2d");
	ctx.clearRect(0, 0, canvas.width, canvas.height);
	++y;
	ctx.fillText("心", 0, y * y);
	if (y == 9) {
	y = -y;
	}
	}

	document.addEventListener("DOMContentLoaded", function(event) {
	y = -9;
	canvas = document.getElementById("gochiusa");
	setInterval(pyonpyon, 50);
	});