Bien sûr ! Voici un exemple de code JavaScript pour une application simple de gestion des accessoiristes pour les employés internes. Ce code utilise HTML pour la structure, CSS pour le style de base et JavaScript pour la logique.
### HTML
« `html
Gestion des Accessoiristes pour Employés Internes
Liste des Accessoires
| Nom de l’employé | Nom de l’accessoire | Date d’attribution | Action |
|---|
« `
### CSS (styles.css)
« `css
body {
font-family: Arial, sans-serif;
margin: 20px;
}
h1, h2 {
color: #333;
}
form {
margin-bottom: 20px;
}
label {
display: block;
margin-bottom: 5px;
}
input {
margin-bottom: 10px;
padding: 8px;
width: 100%;
box-sizing: border-box;
}
button {
padding: 10px 15px;
background-color: #28a745;
color: white;
border: none;
cursor: pointer;
}
button:hover {
background-color: #218838;
}
table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}
th, td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
th {
background-color: #f2f2f2;
}
« `
### JavaScript (script.js)
« `javascript
document.addEventListener(‘DOMContentLoaded’, function() {
const accessoryForm = document.getElementById(‘accessoryForm’);
const accessoryTable = document.getElementById(‘accessoryTable’).getElementsByTagName(‘tbody’)[0];
accessoryForm.addEventListener(‘submit’, function(event) {
event.preventDefault();
const employeeName = document.getElementById(’employeeName’).value;
const accessoryName = document.getElementById(‘accessoryName’).value;
const dateAssigned = document.getElementById(‘dateAssigned’).value;
const newRow = accessoryTable.insertRow();
const employeeCell = newRow.insertCell(0);
const accessoryCell = newRow.insertCell(1);
const dateCell = newRow.insertCell(2);
const actionCell = newRow.insertCell(3);
employeeCell.textContent = employeeName;
accessoryCell.textContent = accessoryName;
dateCell.textContent = dateAssigned;
const deleteButton = document.createElement(‘button’);
deleteButton.textContent = ‘Supprimer’;
deleteButton.addEventListener(‘click’, function() {
accessoryTable.deleteRow(newRow.rowIndex – 1);
});
actionCell.appendChild(deleteButton);
accessoryForm.reset();
});
});
« `
Ce code crée une interface simple où vous pouvez ajouter des accessoires attribués à des employés internes et les afficher dans une table. Vous pouvez également supprimer des entrées de la table. Vous pouvez adapter et étendre ce code selon vos besoins.