たいして短くなってないけど
<body
style="font-family:monospace"
onload="r='';g=function(b){f=b?b-1?'|_':'|.':'/.';for(x=2;x<20;x++)f+=x-15?x==b?'.':'_':'P';document.body.innerHTML=f+r};g()"
onmousedown="t=new Date;r='';g()"
onmouseup="p=new Date-t;c=0;i=setInterval('if(p/100<c){clearInterval(i);r=c-15?\'x\':\'o\'}g(c++)',100)">