-
input의 컬러값이 달라질 때 마다 hex코드값도 바뀌는 기능JS 도라에몽 2023. 7. 4. 17:39
제이쿼리(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); });
'JS 도라에몽' 카테고리의 다른 글
비주얼스튜디오코드에서 내가 원하는 브라우저로 라이브서버 열기 (0) 2023.07.05 마우스 드래그로 좌우 너비 바꾸기 (0) 2023.07.05 자바스크립트 형변환 (0) 2023.07.05 버튼 누르면 원하는 크기로 원하는 위치에 페이지 새로 여는 기능 (0) 2023.07.04 버튼 누르면 해당 창(브라우저) 닫는 기능 (0) 2023.07.04