kleine update, pagina voor questions beginning template
This commit is contained in:
@@ -0,0 +1,28 @@
|
||||
// Sample data
|
||||
const dataItems = [
|
||||
{ id: 1, name: "Item 1", description: "Description for Item 1" },
|
||||
{ id: 2, name: "Item 2", description: "Description for Item 2" },
|
||||
{ id: 3, name: "Item 3", description: "Description for Item 3" }
|
||||
];
|
||||
|
||||
// Function to display data items on the webpage
|
||||
function displayDataItems() {
|
||||
const container = document.getElementById("data-container");
|
||||
|
||||
// Clear previous content
|
||||
container.innerHTML = "";
|
||||
|
||||
// Loop through data items and create HTML elements
|
||||
dataItems.forEach(item => {
|
||||
const itemElement = document.createElement("div");
|
||||
itemElement.classList.add("data-item");
|
||||
itemElement.innerHTML = `
|
||||
<h2>${item.name}</h2>
|
||||
<p>${item.description}</p>
|
||||
`;
|
||||
container.appendChild(itemElement);
|
||||
});
|
||||
}
|
||||
|
||||
// Call the function to display data items when the page loads
|
||||
window.onload = displayDataItems;
|
||||
|
Reference in New Issue
Block a user