input의 컬러값이 달라질 때 마다 hex코드값도 바뀌는 기능

 

제이쿼리(jquery)로 input type color의 값이 변할 때 마다 밑의 텍스트에 hex코드값이 바뀌게 한다.

 

input의 color 값이 달라지면 해당 input의 바로 다음에 있는 태그인 p 태그의 내용도 달라지게 하는 기능!

//input의 컬러값이 달라질 때 마다 밑의 p의 hex코드값도 바뀌는 기능
    $('input[type=color]').on('change',function(){
        let x = $(this).val();
        $(this).next('p.colorValue').text(x);
    });