User Griffin

Griffin

Member for 10 years, 1 month

Stats

4,587

reputation

162k

reached

answers

questions

Loading…

About

<html>
<head>
<script type="text/javascript">

var alphabet = 'abcdefghijklmnopqrstuvwxyz'
var current = [];
var shapes = [];

function createBox( x, y ) {
    b = document.createElement( 'button' );
    b.style.position = 'absolute';
    b.style.width = '5px';
    b.style.height = '5px';
    b.style.left = ( 100 + 20*x ) + 'px';
    b.style.top = ( 100 + 20*y ) + 'px';
    b.tx = alphabet[x];
    b.ty = alphabet[y];
    b.onclick = function( e ) { current.push( [ e.target.tx, e.target.ty ] ) };
    return b;
}

function trasferCurrent( type ) {
    s = '';
    for ( i=0; i<current.length; i++ ) {
        s += current[ i ][0] + current[ i ][1];
    }
    shapes.push( s+type );
    current = [];
}

window.onload = function() {
    for ( x=0; x<10; x++ ) {
        for ( y=0; y<18; y++ ) {
            b = createBox( x, y );
            document.body.appendChild( b );
        }
    }
    b1 = document.getElementById( 'b1' );
    b2 = document.getElementById( 'b2' );
    b3 = document.getElementById( 'b3' );
    b4 = document.getElementById( 'b4' );
    b9 = document.getElementById( 'b9' );

    b1.onclick = b2.onclick = b3.onclick = b4.onclick = b9.onclick = function( e ) {
        trasferCurrent( e.target.id[1] );
    };
};
</script>

</head>
<body>
<button id="b1">end white</button>
<button id="b2">end black</button>
<button id="b3">end hole</button>
<button id="b4">end ghost</button>
<button id="b9">end line</button>
</body>
</html>

Communities (28)

Top tags (36)

code-golf

Score 248

Posts 26

Posts % 72

math

Score 126

Posts 8

number

Score 88

Posts 2

javascript

Score 31

Posts 3

popularity-contest

Score 26

Posts 4

tips

Score 23

Posts 2

View all tags →

Stack Exchange Network

current community

your communities

more stack exchange communities

Communities (28)

Top network posts

Top tags (36)

Top posts (36)