Titre de oX647K41184.txt

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

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.

Retour en haut