0

Estou salvando o tamanho da fonte no localStorage e recuperando para setar após a página estar pronta, não estou conseguindo setar usando o valor recuperado no localstorage, para setar a fonte estou usando jquery, segue código

Assim não funciona
$( document ).ready(function() {
// font size
var $elemento = $(".verseTextP");
var fontSize = window.localStorage.getItem('fontSize');
alert(fontSize)
$elemento.css('font-size', fontSize);  
});
Assim funciona
$( document ).ready(function() {
// font size
var $elemento = $(".verseTextP");
var fontSize = window.localStorage.getItem('fontSize');
alert(fontSize)
$elemento.css('font-size', 25);  
});

O alert é pra mostrar que o valor está salvo no localStorage e consigo pegar o valor corretamente, qual o problema, porque não funciona se usar o valor vindo de um locaStorage.getItem?

inserir a descrição da imagem aqui

1 Resposta 1

1

Você está tentando usar o valor do localstorage como um número, acontece que não é garatido isso, você precisa converter, ou adicionar a unidade de medida, caso o valor seja string.

var fontSize = window.localStorage.getItem('fontSize'); 
alert(typeof fontSize); // verifique, deve ser string
$elemento.css('font-size', Number(fontSize));  //aqui garante um número
$elemento.css('font-size', fontSize + "px"); // ou adicione a unidade de medida px,pt,em, etc

1
  • Perfeito cara! muito obrigado. Commented 10/09/2020 às 9:05

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .