guardar tamaño de letra

input range font-size localstorage

by femfoyou

HTML

<div class="fontSizer-wrapper">
	<form>
	    <input type="range" class="range2" min="13" max="63" value="17" step="4" id="fontSizer" />
	    <p for="fontSizer"><span class="small-text">a</span><span class="large-text">A</span></p>
	</form>


</div>
<p class="copy">resizable text</p>

JavaScript

if (window.localStorage && localStorage.getItem("fontSize")){
		var fontSize = localStorage.getItem("fontSize");
		resizeCopyFont(fontSize);
		$('#fontSizer').val(parseInt(fontSize,10));
	}
	else {
		var fontSize = "32px;"
	}
	$('#fontSizer').on('input', function(){
	    fontSize = $(this).val() + "px";
	    resizeCopyFont(fontSize);
	    if (window.localStorage) {
	        localStorage.setItem("fontSize", fontSize);
	    }
	});

    function resizeCopyFont(size) {
        $('.copy').css({'font-size': size});	
    };