lduboeuf/gist:0228e1009a0133a211c0

## gistfile1.html
<!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>
	<!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>