Skip to content

Instantly share code, notes, and snippets.

@JeremyLikness
Created October 22, 2019 15:16
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save JeremyLikness/3d5321c2d9f85fb0a6794a3d9fabe7d0 to your computer and use it in GitHub Desktop.
Save JeremyLikness/3d5321c2d9f85fb0a6794a3d9fabe7d0 to your computer and use it in GitHub Desktop.
Vanilla.js rendering code
const renderPost = (post, user) => {
const bodyDiv = Wrapper.generate("div", "", false)
.createChild("p", post.body)
.appendChild(Wrapper.generate("p", user.username).addClass("tooltip")
.appendChild(Wrapper.generate("span", `${user.name} `)
.appendChild(AnchorWrapper.generate(`mailto:${user.email}`, user.email))
.createChild("br", "")
.appendChild(AnchorWrapper.generate(
`https://maps.google.com?q=${user.address.geo.lat}, ${user.address.geo.lng}`,
"🌎 Locate"))
.addClass("tooltiptext")));
return Wrapper.generate("div", "")
.addClass("post")
.appendChild(Wrapper.generate("h1", `${user.username} — ${post.title}`)
.showSelectable()
.click(() => bodyDiv.toggleDisplay()))
.appendChild(bodyDiv)
.element;
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment