# Réponse finale obtenue du bot:
response = « Voici un exemple de code JavaScript qui pourrait être utile pour un mécanicien/mécanicienne de bateaux travaillant dans les chambres de commerce :
**Code :**
« `javascript
// Définition des constantes et variables
const boatTypes = [« Bateau à moteur », « Voilier », « Catamaran »];
const repairStatuses = [« En cours », « Terminé », « Annulé »];
let boats = [
{ id: 1, type: « Bateau à moteur », status: « En cours » },
{ id: 2, type: « Voilier », status: « Terminé » },
{ id: 3, type: « Catamaran », status: « Annulé » }
];
// Fonction pour ajouter un nouveau bateau
function addBoat(type) {
let newBoat = { id: boats.length + 1, type, status: « En cours » };
boats.push(newBoat);
console.log(`Nouveau bateau ajouté : ${newBoat.type}`);
}
// Fonction pour mettre à jour l’état d’un bateau
function updateStatus(boatId, newStatus) {
let boat = boats.find((boat) => boat.id === boatId);
if (boat) {
boat.status = newStatus;
console.log(`État du bateau ${boat.type} mis à jour : ${newStatus}`);
} else {
console.log(« Le bateau n’a pas été trouvé. »);
}
}
// Fonction pour afficher la liste des bateaux
function displayBoats() {
let html = « »;
boats.forEach((boat) => {
html += `
`;
});
document.getElementById(« boats-list »).innerHTML = html;
}
// Appel des fonctions pour initialiser la liste des bateaux
addBoat(« Bateau à moteur »);
addBoat(« Voilier »);
displayBoats();
// Ajout d’un événement pour mettre à jour l’état d’un bateau
document.getElementById(« update-status »).addEventListener(« click », () => {
let boatId = parseInt(document.getElementById(« boat-id »).value);
let newStatus = document.getElementById(« new-status »).value;
updateStatus(boatId, newStatus);
displayBoats();
});
« `
**Explications :**
Ce code définit une liste de bateaux avec leurs types et états (en cours, terminé ou annulé). Il fournit également trois fonctions :
1. `addBoat(type)` : ajoute un nouveau bateau à la liste avec le type spécifié.
2. `updateStatus(boatId, newStatus)` : met à jour l’état d’un bateau avec l’ID spécifié.
3. `displayBoats()` : affiche la liste des bateaux avec leurs types et états.
Le code utilise également des événements pour mettre à jour l’état d’un bateau lorsque le bouton « Mettre à jour » est cliqué.
**Note :**
Ce code est un exemple simple et ne prend pas en compte les erreurs de saisie ou les cas d’erreur. Il est important de valider les données entrantes et de gérer les erreurs pour assurer la sécurité et la stabilité du système. »