• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

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

almost 3 years ago · Juan Pablo Isaza
1 answers
Answer question

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)
almost 3 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error