$('document').ready(function(){

    var classLabel = $('<label>Class: </label>');
    var classInput = $('<input type="text"/>');
    var colorLabel = $('<label>Color: </label>');
    var colorInput = $('<input type="color"/>');
    var paintButton = $('<button>Paint</button>').css('width', '50px').css('height', '25px')

    $('body').append(classLabel).append(classInput).append('<br>');
    $('body').append(colorLabel).append(colorInput).append('<br>');
    $('body').append(paintButton).append('<br>');

    function changeBackgroundColor(){
        var cls = classInput.val();
        var color = colorInput.val();
        cls = "." + cls;
         $('cls').css('background', color)
    }

    $('button').on('click', changeBackgroundColor);

})