JSFiddle - React, Tailwind, and code Playground

by jcubed111

HTML

<textarea id='text'></textarea><br/>

CSS

button{
    display:inline-block;
    width:30px;
}

JavaScript

/*sunlight circle*/

for (i = -6; i <= 6; i++) {
    for (j = -6; j <= 6; j++) {
        document.write('<button onclick="clicked(this, '+i+', '+j+')">'+((i*i)+(j*j))+'</button>');
    }
    document.write('<br/>');
}

function clicked(e, i, j){
    e.disabled=true;
    e.style.color="#00f";
    document.getElementById('text').value+=i+","+j+"\n";
}