Opsplitsen van de functie / const

[zainuwachtig]

rijksmuseum-app/js/modules/render.js

Lines 49 to 71 in 59d3366

	const item = (data, id) => {
	container.innerHTML = ""
	const section = document.createElement("section")
	section.classList.add("singleArt")
	const result = data.artObjects.filter((item) => item.id === id)
	console.log(result)
	const link = result.map((item) => item.links.web)
	const imgObject = result.map((item) => item.webImage)
	const itemImg = imgObject.map((item) => item.url.slice(0, -3) + "=s1000")
	const itemTitle = result.map((item) => item.longTitle)
	section.innerHTML = `
	<a href="/rijksmuseum-app/">Terug</a>
	<img src="${itemImg}"/>
	<p>${itemTitle[0]}</p>
	<a href="${link}" target="_blanc">Bekijk hier meer over dit kunstwerk.</a>
	`
	container.insertAdjacentElement("afterbegin", section)
	}

Misschien kan je dit beter opsplitsen in verschillende functies, maar eigelijk weet ik het niet zeker