S4 - Javascript

joueurs.js

console.log("Ce programme JS vient d'être chargé");
$(document).ready(function()
{
	console.log("Le document est pret");
	
	$('#ajout-bouton').click(function()
		{
			var joueur={ nom:   $('#ajout-nom'  ).val(),
						 score: $('#ajout-score').val()
					   };
			ajouter_joueur(joueur);
			$('#ajout-nom'	).val('');
			$('#ajout-score').val('');

			$('#total').text(calculer_total());
		});

	console.log("La mise en place est finie. En attente d'événements...");
});

function ajouter_joueur(joueur)
{
	var ligne=$('<tr><td class="nom"></td><td class="score"></td></tr>');
	ligne.find(".nom"  ).text(joueur.nom  );
	ligne.find(".score").text(joueur.score);
	$('#joueurs').append(ligne);
}

function calculer_total()
{
	var total=0;
	// Pour chaque ligne du tableau .each() appelle la fonction.
	$('#joueurs tr').each(function()
		{
			// $(this) est la ligne (tr) ... 
			// on veut le texte dans la case avec le score
			var score=parseInt($(this).find('.score').text());
			// La variable "total" est définie dans la fonction calculer_total... 
			// mais on peut y accéder ici (fermeture)
			total+=score;
		});
	return total;
}