3

Quiero hacer un botón de favoritos,como un corazón o algo así...el tema es que no quería utilizar base de datos y he encontrado un código que funciona y me gusta pero al salir y volver a entrar se reinicia y borra los datos:

var likes =0;
     function like(){
     document.getElementById("show").innerHTML=likes;
     likes=likes+1;
}
#button {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}
    <!DOCTYPE html>
    <html>
    <head>
    <title>me gusta</title>
   </head>
   <body>

    <button id="button" onClick="like()">LIKE</button>
    <p type="text" style="color:blue;"id="show"></p>
    <h2>LIKES</h2>
    </body>
    </html>

¿Cómo lo puedo hacer para que se guarde sin usar base datos?

6
  • Hola, podrías guardar los datos en un archivo txt y leerlos al entrar de nuevo a la pagina. Commented el 20 may. 2018 a las 15:47
  • Podrías usar la api de Storage
    – user22721
    Commented el 20 may. 2018 a las 15:54
  • Gracias @the-breaker ¿Y como lo hago? también lo he intentado pero no lo imprimía...Gracias por responder Commented el 20 may. 2018 a las 15:57
  • @KacosPro he estado mirando lo de la api....pero no lo entiendo...por eso buscaba algo sencillo. Gracias por responder Commented el 20 may. 2018 a las 15:58
  • @AlfredoMarquez, si en un par de minutos no hallas una respuesta te la doy con gusto. (A veces otros usuarios se me adelantan y dan la misma respuesta que iba a proponer). Commented el 20 may. 2018 a las 16:01

1 respuesta 1

2

Puedes usar localStorage para guardar

var likes =0;
     function like(){
     document.getElementById("show").innerHTML=likes;
     likes=likes+1;
localStorage.setItem('likes', likes);

}

proba que se guarda:

console.log(localStorage.getItem('likes'));
12
  • Gracias @x-rw por responder!1 no me funciona.... lo he puesto así Commented el 20 may. 2018 a las 17:58
  • no funciona...lo puse asi: <script type="text/javascript"> var likes =0; function like(){ document.getElementById("show").innerHTML=likes; likes=likes+1; localStorage.setItem('likes', likes); } console.log(localStorage.getItem('likes')); </script> ¿Está bien? Commented el 20 may. 2018 a las 18:00
  • @AlfredoMarquez, coloca var likes =localStorage.getItem('likes')*1; en lugar de var likes =0; y te saldrá. Commented el 20 may. 2018 a las 19:00
  • perfecto!! al recargar la pagina desaparece y al hacer clik me muestra la suma total...¿Hay forma de que muestre la suma total fija? Commented el 20 may. 2018 a las 19:17
  • @AlfredoMarquez, coloca document.getElementById("show").innerHTML=likes; debajo de la linea anterior y eso es todo. Commented el 20 may. 2018 a las 19:20

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.