resources.js

import Navbar from "./Components/ResourceNavbar.js"

import Resourcesfooter from "./Components/Resourcesfooter.js"

let header = document.querySelector("#navbar")
header.innerHTML = Navbar()

let resourcefooter = document.getElementById("resourcefooter")
resourcefooter.innerHTML = Resourcesfooter()
// console.log(navbar());
// document.getElementById("logo").onclick=()=>{
//     window.location.href="resources.html" 
// }

console.log("resources")


const dataArr = [
   {
      titel: "CASE STUDIES",
      heading: "Get the most out of SurveyMonkey <br>Enterprise:10 tips from our product",
      image_Url: "https://prod.smassets.net/assets/cms/sm/uploads//Industry-Tracking-Demo-RC.png",
   },
   {
      titel: "CASE STUDIES",
      heading: "Get the most out of SurveyMonkey <br>Enterprise:10 tips from our product",
      image_Url: "https://prod.smassets.net/assets/cms/sm/uploads//basic-half-card-1.png",
   },
   {
      titel: "CASE STUDIES",
      heading: "Get the most out of SurveyMonkey <br>Enterprise:10 tips from our product",
      image_Url: "https://prod.smassets.net/assets/cms/sm/uploads//B2B-Guide-as-v1-1536x575.png",
   },
   {
      titel: "CASE STUDIES",
      heading: "Get the most out of SurveyMonkey <br>Enterprise:10 tips from our product",
      image_Url: "https://prod.smassets.net/assets/cms/sm/uploads//Elephant-Banner-1.jpg",
   },
   {
      titel: "CASE STUDIES",
      heading: "Get the most out of SurveyMonkey <br>Enterprise:10 tips from our product",
      image_Url: "https://prod.smassets.net/assets/cms/sm/uploads//13-vanguard.jpg",
   },
   {
      titel: "CASE STUDIES",
      heading: "Get the most out of SurveyMonkey <br>Enterprise:10 tips from our product",
      image_Url: "https://prod.smassets.net/assets/cms/sm/uploads//MRX-Q1-HealthandWellness-RC-01-1536x575.jpg",
   },
   {
      titel: "CASE STUDIES",
      heading: "Get the most out of SurveyMonkey <br>Enterprise:10 tips from our product",
      image_Url: "https://prod.smassets.net/assets/cms/sm/uploads//social-impact-report-cover.jpg",
   },
]


// let data_div=document.getElementById("data_loadmore");
// localStorage.setItem("data_laodmore",JSON.stringify(array));

// function append(){

//    array.map(function (el){

//       // data_div.innerHtml=null;
//       let div = document.createElement("div");

//       let para = document.createElement("p");
//      para.innerText=el.titel;

//       let heading = document.createElement("h4");
//       heading.innerText=el.heading;

//       let img = document.createElement("img");
//        img.src = el.image_Url;

//       div.append(img, heading, para,);
//       console.log(div)
//       // data_div.append(div)


//   })
// }


// document.querySelector(".sectionfifth_button").addEventListener("click",Button);

// function Button(){
//       append(data_div)
// }


function appenNewData(dataArr) {

   let containerdiv = document.getElementById("sectionfifth_container");
   dataArr.forEach((el) => {
      let card = document.createElement("div");
      card.setAttribute("id", "sectionfifth_firstdiv")

      let p1 = document.createElement("p");
      p1.setAttribute("class", "section_fifthspan")
      p1.innerHTML = el.titel;

      let heading = document.createElement("h4");
      heading.setAttribute("class", "section_fifthspanheading")
      heading.innerHTML = el.heading;

      let image = document.createElement("img");
      image.setAttribute("class", "section_fifthspanimage")
      image.src = el.image_Url;

      card.append(p1, heading, image);
      containerdiv.append(card);
   })
}


let appendnewdatabtn = document.getElementById("sectionfifth_button");

appendnewdatabtn.addEventListener("click", () => {
   appenNewData(dataArr);
})