# Réponse finale obtenue du bot:
response = « Voici un exemple de code JavaScript pour une application d’affichage pour les investisseurs privés :
**Code HTML**
« `html
Investisseurs Privés
« `
**Code CSS (style.css)**
« `css
/* style.css */
body {
font-family: Arial, sans-serif;
}
header h1 {
color: #333;
text-align: center;
margin-bottom: 20px;
}
main section#investment-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
main section#investment-list > div {
background-color: #f7f7f7;
padding: 20px;
border-radius: 10px;
margin: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
main button#load-more {
background-color: #4CAF50;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}
« `
**Code JavaScript (script.js)**
« `javascript
// script.js
const investmentList = document.getElementById(‘investment-list’);
const loadMoreButton = document.getElementById(‘load-more’);
let investments = [];
let page = 0;
fetch(‘/api/investments’)
.then(response => response.json())
.then(data => {
investments = data;
renderInvestments();
});
function renderInvestments() {
investmentList.innerHTML = »;
for (let i = page * 10; i < Math.min((page + 1) * 10, investments.length); i++) {
const investment = investments[i];
const div = document.createElement('div');
div.innerHTML = `
${investment.name}
Value: ${investment.value}
Description: ${investment.description}
`;
investmentList.appendChild(div);
}
page++;
}
loadMoreButton.addEventListener(‘click’, () => {
if (page * 10 < investments.length) {
renderInvestments();
} else {
loadMoreButton.disabled = true;
}
});
```
Ce code créé une page web avec un header, un main et un bouton "Load More". Lorsque le bouton est cliqué, il appelle la fonction `renderInvestments` qui charge les données des investissements à partir de l'API `/api/investments` et les affiche dans la section `#investment-list`. Les investissements sont rendus en utilisant un tableau JavaScript.
Notez que vous devrez remplacer `/api/investments` par l'URL réelle de votre API. Vous pouvez également personnaliser le design et les fonctionnalités de l'application en modifiant le code CSS et JavaScript."