├── icon.png ├── README.md ├── script.js └── index.html /icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ibrataha8/CRUD-js/HEAD/icon.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Client Management 2 | #### Ce projet est un petit exemple de gestion de clients, utilisant HTML, CSS, JavaScript et Bootstrap. Il permet d'ajouter, de supprimer et de modifier des clients, en les affichant dans un tableau. 3 | # Utilisation 4 | #### Pour utiliser ce projet, il vous suffit de télécharger les fichiers sur votre ordinateur et de les ouvrir dans votre navigateur web . Une fois le projet téléchargé, ouvrez le fichier index.html dans votre navigateur pour accéder à l'application. 5 | # Fonctionnalités 6 | ***_Ce projet vous permet de :_*** 7 | - [x] **Ajouter un client en saisissant son numéro, son nom, son prénom et son salaire dans les champs de formulaire, puis en cliquant sur le bouton "Ajouter".** 8 | - [x] **Supprimer un client en cliquant sur le bouton "Supprimer" correspondant à la ligne du client.** 9 | - [x] **Modifier les informations d'un client en cliquant sur le bouton "Modifier" correspondant à la ligne du client.**
10 | # Author 11 | > Cet projet creé par [Brahim](https://twitter.com/ibrataha8) :tada: 12 | -------------------------------------------------------------------------------- /script.js: -------------------------------------------------------------------------------- 1 | function remplir() { 2 | temp = ` 3 | 4 | ${num.value} 5 | ${nom.value} 6 | ${prenom.value} 7 | ${salaire.value} 8 | 9 | 10 | 11 | ` 12 | tb2.innerHTML+=temp; 13 | } 14 | 15 | function sup(btn) { 16 | btn.parentNode.parentNode.remove(); 17 | } 18 | 19 | function modif(btn) { 20 | let row = btn.parentNode.parentNode; 21 | 22 | let numC = row.querySelector(".numC"); 23 | let nomC = row.querySelector(".nomC"); 24 | let prenomC = row.querySelector(".prenomC"); 25 | let salaireC = row.querySelector(".salaireC"); 26 | 27 | numC.textContent = prompt('Entre le num'); 28 | nomC.textContent = prompt('Entre le nom'); 29 | prenomC.textContent = prompt('Entre le prénom'); 30 | salaireC.textContent = prompt('Entre le salaire'); 31 | } 32 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | CRUD-JS 9 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | Client Management 21 | 22 | 23 | 24 |

25 |

Ajout Un Client

26 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 |

Numéro	Nom	Prénom	Salaire	Actions

64 |

65 | 66 | 67 | 68 | 69 | 70 | --------------------------------------------------------------------------------

Numéro du client:
Nom:
Prénom:
Salaire: