Задавание стилей через текстовую форму
 

Здравствуй.скажите есть ли скрипт или как можно реализовать.допустим ксть текстовое поле я в этом поле пишу #fff и чтоб этот фон применялся к определенному блоку.тоесть правка не через файл стиля и через текстовую форму

<input type="text" size="40" id="colorOfDiv">
<input type="button" size="40" onclick="changeColor()" value="поменять цвет">
<div id="colorDiv" style="width:100px;height:100px;">Я меняю цвет</div>

var n = 0;
function changeColor(){
  document.getElementById("colorDiv").style.background = document.getElementById("colorOfDiv").value;;
  n++;
  document.getElementById("colorDiv").innerHTML = "Я поменял цвет "+n+" раз";
}

Как-то так:

<style>
            #styled{
                width: 200px;
                height: 100px;
                background: green;
            }
        </style>


<div id="styled"></div>
<input id="color" type="text">
<button id="choose">Choose color</button>

    <script>

var styledDiv = document.getElementById('styled');
var insertedColor = document.getElementById('color');
var confirmButton = document.getElementById('choose');

confirmButton.onclick = function(e){
    styledDiv.style.backgroundColor = insertedColor.value;
};

    </script>