{"id":20213929,"url":"https://github.com/thedarkpassenger0/finalement-","last_synced_at":"2026-05-12T00:34:19.301Z","repository":{"id":261734133,"uuid":"885174006","full_name":"TheDarkPassenger0/finalement-","owner":"TheDarkPassenger0","description":"finalement / finally .....","archived":false,"fork":false,"pushed_at":"2024-11-10T23:06:11.000Z","size":7,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-13T21:44:17.813Z","etag":null,"topics":["html","javascript","js","json","license","mit-license","programming","programming-exercises","programming-languages","readme","readme-md","readme-profile","web","website"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TheDarkPassenger0.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-08T05:05:50.000Z","updated_at":"2024-11-10T23:06:15.000Z","dependencies_parsed_at":"2024-11-08T06:29:00.427Z","dependency_job_id":null,"html_url":"https://github.com/TheDarkPassenger0/finalement-","commit_stats":null,"previous_names":["thedarkpassenger0/finalement-"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheDarkPassenger0%2Ffinalement-","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheDarkPassenger0%2Ffinalement-/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheDarkPassenger0%2Ffinalement-/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheDarkPassenger0%2Ffinalement-/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TheDarkPassenger0","download_url":"https://codeload.github.com/TheDarkPassenger0/finalement-/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241652944,"owners_count":19997575,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["html","javascript","js","json","license","mit-license","programming","programming-exercises","programming-languages","readme","readme-md","readme-profile","web","website"],"created_at":"2024-11-14T06:12:54.424Z","updated_at":"2026-05-12T00:34:19.264Z","avatar_url":"https://github.com/TheDarkPassenger0.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Projet : Générateur d'Articles Dynamique avec Changement de Couleur de Fond\n\n## Description\n\nCe projet est une page HTML simple qui permet à l'utilisateur de créer des articles dynamiquement en remplissant un formulaire. Le formulaire comporte trois champs : **Titre**, **Adresse** et **Description**. Une fois le formulaire soumis, un nouvel article est ajouté sous le formulaire. Il y a également un bouton permettant de changer la couleur de fond de la page à **violet**.\n\n## Fonctionnalités\n\n- **Formulaire dynamique** : L'utilisateur peut saisir un titre, une adresse et une description. Lors de la soumission, un article est créé et ajouté à la page sans recharger celle-ci.\n- **Changement de couleur de fond** : Un bouton permet de modifier la couleur de fond de la page en **violet**.\n\n## Structure du projet\n\nLe projet contient un fichier HTML avec des éléments de base tels que des champs de texte et un bouton, ainsi qu'un peu de JavaScript pour rendre le contenu interactif. Le script permet d'ajouter des articles à la page et d'appliquer un changement de couleur de fond à l'aide de la méthode `style.backgroundColor`.\n\n### Fichier `index.html`\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml lang=\"fr\"\u003e\n\n\u003chead\u003e\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003ctitle\u003efinalement\u003c/title\u003e\n\u003c/head\u003e\n\n\u003cbody\u003e\n\n    \u003c!-- Formulaire pour ajouter un article --\u003e\n    \u003cform id=\"articleForm\"\u003e\n        \u003cinput type=\"text\" id=\"title\" placeholder=\"Titre\" required\u003e\n        \u003cinput type=\"text\" id=\"address\" placeholder=\"Adresse\" required\u003e\n        \u003ctextarea id=\"description\" placeholder=\"Description\" required\u003e\u003c/textarea\u003e\n        \u003cbutton type=\"submit\"\u003eSubmit\u003c/button\u003e\n    \u003c/form\u003e\n\n    \u003c!-- Conteneur pour afficher les articles --\u003e\n    \u003cdiv id=\"articlesContainer\"\u003e\u003c/div\u003e\n\n    \u003ch2\u003eThe backgroundColor Property\u003c/h2\u003e\n\n    \u003c!-- Bouton pour changer la couleur de fond --\u003e\n    \u003cbutton type=\"button\" onclick=\"myFunction()\"\u003eChanger la couleur de fond\u003c/button\u003e\n\n    \u003cscript\u003e\n        // Fonction pour gérer la soumission du formulaire\n        document.getElementById('articleForm').addEventListener('submit', function(event) {\n            event.preventDefault(); // Empêcher le rechargement de la page\n\n            // Récupérer les données du formulaire\n            const titre = document.getElementById('title').value;\n            const adresse = document.getElementById('address').value;\n            const description = document.getElementById('description').value;\n\n            // Créer un article HTML\n            const article = document.createElement('article');\n            article.innerHTML = `\u003ch3\u003e${titre}\u003c/h3\u003e\u003cp\u003e${adresse}\u003c/p\u003e\u003cp\u003e${description}\u003c/p\u003e`;\n\n            // Ajouter l'article au conteneur d'articles\n            document.getElementById('articlesContainer').appendChild(article);\n        });\n\n        // Fonction pour changer la couleur de fond en violet\n        function myFunction() {\n            document.body.style.backgroundColor = \"purple\";\n        }\n    \u003c/script\u003e\n\n\u003c/body\u003e\n\n\u003c/html\u003e\n\n\nComment utiliser\nClonez le repository :\n\nbash\nCopier le code\ngit clone https://github.com/votre-utilisateur/votre-repository.git\nOuvrir le fichier HTML dans un navigateur :\n\nNaviguez vers le fichier index.html dans le dossier cloné.\nOuvrez le fichier dans un navigateur pour voir le formulaire en action et tester la fonctionnalité du changement de couleur de fond.\nAjouter des articles :\n\nRemplissez le formulaire avec un titre, une adresse et une description.\nCliquez sur le bouton Submit pour ajouter un nouvel article sous le formulaire.\nChanger la couleur de fond :\n\nCliquez sur le bouton Changer la couleur de fond pour modifier la couleur de la page en violet.\nTechnologies utilisées\nHTML : Structure de base de la page.\nJavaScript : Logique interactive pour gérer la soumission du formulaire et modifier l'apparence de la page.\nCSS : Aucune utilisation de CSS dans ce projet, tout se fait avec HTML et JavaScript pour la partie visuelle.\nContribuer\nSi vous souhaitez améliorer ce projet, vous pouvez :\n\nForker ce projet.\nCréer une branche pour ajouter une fonctionnalité ou corriger un bug.\nSoumettre une Pull Request avec vos changements.\n................................................................................\n\n### Explication du fichier `README.md` :\n- **Titre du projet** : \"Générateur d'Articles Dynamique avec Changement de Couleur de Fond\" pour décrire ce que fait le projet.\n- **Description** : Présentation des principales fonctionnalités du projet : formulaire pour créer des articles et bouton pour changer la couleur de fond.\n\n\n- **Comment utiliser** : Instructions pour cloner le projet, l'ouvrir dans un navigateur, et tester ses fonctionnalités.\n- **Technologies utilisées** : Information sur les technologies employées (HTML et JavaScript).\n- **Auteurs** : TheDarkPassenger..\n\n------------------------------------------------------------------------------------------------------------\n\n#END\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthedarkpassenger0%2Ffinalement-","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthedarkpassenger0%2Ffinalement-","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthedarkpassenger0%2Ffinalement-/lists"}