Quiero pasar elementos específicos (párrafos) a otra página con el botón. Actualmente soy principiante en desarrollo web. ¿Hay alguna manera de hacerlo? también necesito agregar esos botones "favoritos" a cada párrafo en mi página. Hay muchos de ellos ... Entonces, ¿hay alguna forma de agregar esos botones "favoritos" (con las mismas identificaciones) a cada párrafo y cuando hago clic en el botón "favorito" guarda estos párrafos específicos que están al lado?
Hice el botón "favorito" al lado de uno de los párrafos. Hasta ahora he logrado guardar el estado de alternancia de los botones favoritos. Ahora necesito pasar este párrafo/elemento "favorito" específico a otra página. Aquí está mi primera página:
<!--Name of that file is "page1.html"--> <p>A<span id="heart"><i class="fa fa-heart-o" aria-hidden="true" ></i></span></p> <p>B</p> <p>C</p> <p>D</p> <p>E</p> <p>F</p> <p>G</p> <script> $(window).on('load',function(){ if(localStorage.toggled != "with_toggle"){ $("#heart").html('<i class="fa fa-heart" aria-hidden="true"></i>'); }else{ $("#heart").html('<i class="fa fa-heart-o" aria-hidden="true"></i>'); } }); $('#heart').toggleClass(localStorage.toggled); $('#heart').on('click',function(){ if (localStorage.toggled != "with_toggle") { $("#heart").html('<i class="fa fa-heart-o" aria-hidden="true"></i>'); $('#heart').toggleClass("with_toggle", true); localStorage.toggled = "with_toggle"; } else { $("#heart").html('<i class="fa fa-heart" aria-hidden="true"></i>'); $('#heart').toggleClass("with_toggle", false); localStorage.toggled = ""; } }); </script>Y aquí está mi segunda página:
<!--Name of that file is "page2.html"--> <body> <div> <!--SAVED PARAGRAPHS/ITEMS---> </div> </body>