Estoy usando HTML, CSS y JavaScript para crear un blog. Hay 2 páginas involucradas; una página donde se muestran las publicaciones y una página donde se realizan las publicaciones. Hay un botón de "publicar" en este último (la página donde se realizan las publicaciones). Quiero que cuando el usuario haga clic en "publicar" después de escribir su publicación, se agregue un div a la anterior (página donde se muestran las publicaciones) con el contenido de la publicación (HTML interno del área de texto donde se escribe la publicación).
He usado el siguiente código JavaScript después de ver un par de videos, pero no funciona.
const BtnAdd = document.getElementById("postButton"); var cWrapper = document.getElementById("contentwrapper"); BtnAdd.addEventListener("click",AddNew); function AddNew(){ const newDiv = document.createElement("div"); newDiv.classList.add("div-shadow"); newDiv.innerHTML = document.getElementById("postcontent").innerHTML; cWrapper.appendChild(newDiv); }
"cWrapper" se refiere a la ubicación (div) donde quiero que se agreguen los divs (en la página donde se muestran las publicaciones).
cada vez que hago clic en el botón con ID "postButton", no se agregan divs a la otra página. ¿Alguna idea de dónde me equivoqué?
//you need to add below code in page 1. const BtnAdd = document.getElementById("postButton"); BtnAdd.addEventListener("click", AddNew); function AddNew() { var newhtml = document.getElementById("bannerText").innerHTML; sessionStorage.setItem("page1content", newhtml); } //you need to add below code in page 2. const newDiv = document.createElement("div"); newDiv.classList.add("div-shadow"); newDiv.innerHTML = sessionStorage.getItem("page1content"); var cWrapper = document.getElementById("contentwrapper"); cWrapper.appendChild(newDiv); you have to add code two differnt page (page-1 like blog page, and page-2 like blog details page)