<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Diapers API Example</title>
</head>
<body>
<div id="diapersData"></div>
<script>
// Fetch data from the API
fetch('https://hmgnt.findconnect.org/Api/KbList?tag=diapers&_=1706204951571')
.then(response => response.json())
.then(data => {
// Manipulate the DOM to display the data
const diapersDataElement = document.getElementById('diapersData');
diapersDataElement.innerHTML = '<h2>Diapers API Data</h2>';
data.forEach(item => {
diapersDataElement.innerHTML += `<p>${item.title}</p>`;
});
})
.catch(error => {
console.error('Error fetching data:', error);
});
</script>
</body>
</html>
