Color Changing

Changing the color of a box by entering values within input field

by Joe Saad

HTML

<div id="color-bx"></div>
<input type="text" id="color-val" maxlength="6"  />
<button type="button"> change color</button>

CSS

#color-bx {width:100px; height:100px; border:1px solid #000;position:absolute; left:100px; top:100px;}
    #color-val {float:left;}

JavaScript

$(document).ready(function(){
    /*$('button').click(function(){
        var color = parseInt($('input').val());
        //alert(color);
        var valt = "#"+color;
        $('div').css('background-color',valt);
    
    });   */
    
    $('input').keyup(function(){
        if (this.value.length ==6 ) {
            var color = parseInt($('input').val()); 
            var valt = "#"+color;
            $('div').css('background-color',valt);      
        }
    });
    
    
});