Last active
August 29, 2015 14:20
-
-
Save lduboeuf/0228e1009a0133a211c0 to your computer and use it in GitHub Desktop.
exemple utilisation objet json
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="ISO-8859-1"> | |
| <title>Insert title here</title> | |
| </head> | |
| <body> | |
| <form> | |
| <input type="text" id="lastname" placeholder="nom"/> | |
| <input type="text" id="firstname" placeholder="prenom"/> | |
| <input type="number" id="age" placeholder="age"/> | |
| <input type="button" id="btnOK" value="ok"/> | |
| </form> | |
| <script type="text/javascript"> | |
| //exemple de création d'un objet json | |
| var personne = { | |
| "nom": "DubDub", | |
| "prenom": "Jonathan", | |
| "age" : 99 | |
| } | |
| //exemple de modification d'un attribut d'un objet (ici on modifie l'age) | |
| function nouvelAge(personne){ | |
| personne.age = 25; | |
| } | |
| nouvelAge(personne) | |
| //affichage prenom + nom | |
| alert(personne.prenom + " age:" + personne.age); | |
| //exemple de construction d'un objet à aprtir d'un formulaire | |
| function buildPersonne(){ | |
| var p2 = { | |
| "nom" : document.getElementById("lastname").value, | |
| "prenom" : document.getElementById("firstname").value, | |
| "age" : document.getElementById("age").value | |
| } | |
| alert( " prenom:" + p2.prenom + " nom:" + p2.nom); | |
| } | |
| //on abonne la fonction buildPersonne à l'évènement click du bouton "btnOK" | |
| document.getElementById("btnOK").addEventListener("click", buildPersonne, false); | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment