<h1 id="heading">Hello world!</h1>

<script src="https://code.jquery.com/jquery-2.1.0.js"></script>
<script>

var leftOffset=0
var dir= "right"
$("#heading").offset({ left: leftOffset, top: leftOffset })
var moveHeadingLeft= function() {
if (dir==="right"){
$("#heading").offset({
left:leftOffset})
leftOffset++
if (leftOffset>200){
dir="down"
leftOffset=0
}}
else if (dir==="down"){
$("#heading").offset({
top:leftOffset})
leftOffset++
if (leftOffset>200){
//leftOffset=200
dir="left"
}}
else if (dir==="left"){
$("#heading").offset({
left:leftOffset})
leftOffset--
if (leftOffset<0){
leftOffset=200
dir="up"
}}
else if (dir="up"){
$("#heading").offset({
top:leftOffset})
leftOffset--
if (leftOffset<0){
//leftOffset=0
dir="right"
}/**/
}
}
var speedUp=30
var clicks=0
var clicus=
var intervals=setInterval(moveHeadingLeft, speedUp)
$("#heading").click(function() {
clicks++

speedUp/=2
clearInterval(intervals)
var intervals=setInterval(moveHeadingLeft, speedUp)
if (clicks>10){
clearInterval(intervals)
$("#heading").text("You Win.")
}
})