Untitled

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>

<script id="jsbin-javascript">
function Ball(f) {
  var el = document.createElement('div');
  var farge = ['red', 'blue', 'green'];
  el.style.backgroundColor = farge[f];
  el.style.width = '60px';
  el.style.height = '60px';
  el.style.borderRadius = '30px';
  el.style.position = 'fixed';

  document.body.appendChild(el);

  el.posisjon = function (x, y) {
    el.style.left = x;
    el.style.top = y;
  };

  return el;
}
var nr = Math.floor(Math.random() * 3);
var ball = Ball(nr);
var x = Math.random() * 80 + '%';
var y = Math.random() * 80 + '%';
ball.posisjon(x, y);
</script>


<script id="jsbin-source-javascript" type="text/javascript">function Ball(f) {
  var el = document.createElement('div');
  var farge = ['red', 'blue', 'green'];
  el.style.backgroundColor = farge[f];
  el.style.width = '60px';
  el.style.height = '60px';
  el.style.borderRadius = '30px';
  el.style.position = 'fixed';

  document.body.appendChild(el);

  el.posisjon = function (x, y) {
    el.style.left = x;
    el.style.top = y;
  };

  return el;
}
var nr = Math.floor(Math.random() * 3);
var ball = Ball(nr);
var x = Math.random() * 80 + '%';
var y = Math.random() * 80 + '%';
ball.posisjon(x, y);</script></body>
</html>