javaScript/jQuery
[jQuery] 폰트 사이즈 1씩 증가
mooyou
2023. 2. 13. 21:28
728x90
300x250
SMALL
버튼을 클릭하면 폰트사이즈가 1씩 증가하는 코드
<script>
$(document).ready(function(){
$("#fontSizeUp").click(function(){
// 현재 선택한 폰트 크기 구하기
var fontSize = parseInt($(".text").css("fontSize"));
// 폰트 크기를 1증가
$(".text").css("fontSize", fontSize+1);
})
});
</script>
<button id="fontSizeUp">폰트크기+</button>
<div class="text">
폰트크기+ 버튼을 누르면 1씩 증가
</div>
.css 메서드를 이용해서 fontSize를 가져오고 +1을 해야 하기 때문에 parseInt() 메서드를 사용해서 정수로 변경한다.
구해 온 현재 사이즈에 +1을 더해서 사이즈를 적용시킨다.
728x90
반응형
LIST