[html+Java Script] 복붙만 하면 되는 글씨색 랜덤으로 바뀌게 만들기
다음 코드를 html파일의 <body>태그 아래, 즉 </body>라고 쓰여진 글씨 아래에 복붙한다.
<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script>
jQuery(function($){
for(var i=0 ; i < $(".random_colors").length; i++){
var f_color = "#"+(parseInt(Math.random()*0xffffff)).toString(16);
$(".random_colors").eq(i).css("color",f_color);
}
});
</script>이렇게 말이다.
그런 뒤에 랜덤으로 색상이 적용될 글씨가 들어가는 태그의 class를 지정한다.
클래스의 이름은 복붙해준 스크립트에서 지정한대로 random_colors가 되어야한다.
테스트용으로 <h1>라는 제목용 태그를 사용해 랜덤 색상을 적용해 보겠다.
+ 추가로 class명은 스크립트에서 정한 이름뿐 아니라 그 앞에 어떤 class인지 구분하기 위해 따로 이름을 적어주어 간단하게 클래스 이름을 지정할 수도 있다.
이렇게 말이다.
그리고 실행시켜보면 랜덤으로 색상이 바뀌는 것을 볼 수 있다.
댓글