спасибо большое хотябы начало положенно)) осталось доработать этот скрипт чтобы первых дивов появлялось имеено только три и и надпись случайных цифр в каждом... спасибо что помогаете) завтра уже сдавать надо(

Также не забывайте, что кроме createElement и appendChild можно менять содержимое и установкой нужной строки в innerHTML.
Например,

<script>
var str = '<button onclick="alert(this.innerHTML)">click</button>';
window.onload = function () {
  document.body.innerHTML = str;
}
</script>

var cl = ['red', 'green', 'blue', 'LightGray', 'pink', 'grey', 'yellow', ];

function fr(w, p, u) {
  var n = 3;

  for (var i = 0; i < n; i++) {
	var u = 1 + parseInt(5*Math.random());
	var d = document.createElement('div');
    d.innerHTML = u;
    d.style.width = w + 'px';
    d.style.height = w + 'px';
    d.style.background = cl[u];
    d.style.overflow = 'hidden';
	p.appendChild(d);

    var br = document.createElement('br');
    p.appendChild(br);

    var n1 = parseInt(w/2);
    if (n1 > 10) fr(n1, d, u);
  }

}

window.onload = function() {
  fr(300, document.body, 0); 
  return;
}

Вот до чего дошел осталось дело за малым сделать чтобы цвета крутились в определенном диапазоне и размер внутренних блоков был всегда разный

Спасибо