• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Evaluaciones
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

255
Vistas
Agregar un div a una página a través de un botón en una página diferente

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é?

about 3 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

 //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)
about 3 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda