fontSize localstorage click

localstorage click jquery font size ok

by femfoyou

HTML

<button class="increaseFont" value="increase"> a+ </button>
<button class="decreaseFont" value="decrease"> a- </button>

<input type="button" value="increase" class="increaseFont">

<button class="reset">reset</button>

<div class="data">HOLA</div>

CSS

.data {
		font-size: 32px;
	}

JavaScript

$(document).ready(function () {
    var curFontSize= localStorage["FontSize"];
    if (curFontSize){
        //set to previously saved fontsize if available
         $('.data').css('font-size', curFontSize);
    }
    
    $(".increaseFont,.decreaseFont").click(function () {
        var type = $(this).val();
        curFontSize = $('.data').css('font-size'); 
       // if () {
        if (type == 'increase') {
            $('.data').css('font-size', parseInt(curFontSize) + 2 + "px");
        } else {
            $('.data').css('font-size', parseInt(curFontSize) - 2 + "px");
        }
        localStorage.setItem('FontSize', curFontSize);
    });
    
    var resetFont = $('.data').css('font-size'); 
    $(".reset").click(function () {
       	$('.data').css('font-size', resetFont);
    });
    
});