const canvas = document.body.appendChild(

  document.createElement('canvas')

);

const c = canvas.getContext('2d');

function resize() {

  canvas.width = window.innerWidth;

  canvas.height = window.innerHeight;

  draw();

}

function draw() {

  c.clearRect(0, 0, canvas.width, canvas.height);

  c.fillStyle = 'blue';

  const iter = 300,

        halfWidth = window.innerWidth / 2,

        halfHeight = window.innerHeight / 2;

  let rad = 0, theta = 0, x, y;

  for (let i = 0; i < iter; i++) {

    x = halfWidth + rad * Math.cos(theta);

    y = halfHeight + rad * Math.sin(theta);

    c.fillRect(x, y, 5, 5);

    rad += Math.min(window.innerWidth, window.innerHeight) * 0.0015;

    theta += .1;

  }

}

resize();

window.addEventListener('resize', resize);

// "Being clever is not clever"

// -- Bjarne Stroustrup

d = document

b = d.body

a = (e = 'div') => b.appendChild(d.createElement(e))

t = a`input`

s = ''

a()

O = v => t.value = v

'0123456789+-*()/C='.split``.map(v => {

  v == '+' && a()

  _ = a`button`

  _.innerHTML = v

  o = { 

    C(){s = O('')},

    ['='](){O(eval(s))}

  }

  _.onclick = () => o[v] ? o[v]() : (s = s + v, O(s))

})