Jeu en javascript

Tout ce qui est développement WEB.
Avatar de l’utilisateur
fabio
Gourou
Gourou
Messages : 1298
Inscription : 11 sept. 2011, 16:32

Jeu en javascript

Message par fabio » 15 oct. 2018, 09:03

Voici le début du document sur le jeu en javascript, variante de pendu.
un_jeu_javascript.pdf
(298.67 Kio) Téléchargé 62 fois
:ugeek:

Avatar de l’utilisateur
fabio
Gourou
Gourou
Messages : 1298
Inscription : 11 sept. 2011, 16:32

Re: Jeu en javascript

Message par fabio » 16 oct. 2018, 15:39

Première partie, voici une proposition de code pour la partie HTML.

Code : Tout sélectionner

<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8">
		<link rel="stylesheet" href="index.css">
		<script type="text/javascript" src="index.js"></script>	
 </head>
	<body>
		<header>
			Pendu
		</header>
		<button onclick="debut()">GO</button>
		<main>
			<div id="alphabet">
				<div onclick="appui(this)">A</div>			
				<div onclick="appui(this)">B</div>			
				<div onclick="appui(this)">C</div>			
				<div onclick="appui(this)">D</div>			
				<div onclick="appui(this)">E</div>			
				<div onclick="appui(this)">F</div>			
				<div onclick="appui(this)">G</div>			
				<div onclick="appui(this)">H</div>			
				<div onclick="appui(this)">I</div>			
				<div onclick="appui(this)">J</div>			
				<div onclick="appui(this)">K</div>			
				<div onclick="appui(this)">L</div>			
				<div onclick="appui(this)">M</div>			
				<div onclick="appui(this)">N</div>			
				<div onclick="appui(this)">O</div>			
				<div onclick="appui(this)">P</div>			
				<div onclick="appui(this)">Q</div>			
				<div onclick="appui(this)">R</div>			
				<div onclick="appui(this)">S</div>			
				<div onclick="appui(this)">T</div>			
				<div onclick="appui(this)">U</div>			
				<div onclick="appui(this)">V</div>			
				<div onclick="appui(this)">W</div>			
				<div onclick="appui(this)">X</div>			
				<div onclick="appui(this)">Y</div>			
				<div onclick="appui(this)">Z</div>			
			</div>
			<br clear="all"><br><br>	
			<div id="mot"></div>
			<div id="pendu"></div>
			<div id="mess"></div>
		</main>
		<footer>
			Aide : Le jeu consiste à trouver un mot. Pour cela, vous disposez d'un ensemble de lettres que vous pouvez
			proposer. Si le mot contient la lettre choisie, la lettre apparaît dans le mot, sinon, le compte à rebours s'anime. 
			Pour jouer, utilisez le bouton [GO]
			<p>Jeu réalisé par la STS SIO de Reims promotion 2018 & F. Pasqualini</p>
		</footer>
	</body>
</html>
:ugeek:

Avatar de l’utilisateur
fabio
Gourou
Gourou
Messages : 1298
Inscription : 11 sept. 2011, 16:32

Re: Jeu en javascript

Message par fabio » 17 oct. 2018, 11:05

Partie du code en javascript

Code : Tout sélectionner

// Mot secret - liste non complète
var mots = ["ACCOMPAGNEMENT","ACTIFS","ACTIVITES","ADAPTATION"]; 
var r = Math.floor(Math.random() * mots.length);
secret = mots[r];
	
// construction du mot
var m = document.getElementById('mot');
m.innerHTML = '';
for(var i = 0; i<secret.length; i++)
	{
	var b = document.createElement('div');
	var te = document.createTextNode(' ');		
	b.appendChild(te);
	m.appendChild(b);
	}
:ugeek:

Avatar de l’utilisateur
fabio
Gourou
Gourou
Messages : 1298
Inscription : 11 sept. 2011, 16:32

Re: Jeu en javascript - Le document complet avant la solution

Message par fabio » 17 oct. 2018, 21:09

Le voici
un_jeu_javascript.pdf
(418.32 Kio) Téléchargé 36 fois
:ugeek:

Avatar de l’utilisateur
fabio
Gourou
Gourou
Messages : 1298
Inscription : 11 sept. 2011, 16:32

Re: Jeu en javascript

Message par fabio » 18 oct. 2018, 09:19

Partie à compléter
pendu.zip
(175.82 Kio) Téléchargé 40 fois
:ugeek:

Avatar de l’utilisateur
fabio
Gourou
Gourou
Messages : 1298
Inscription : 11 sept. 2011, 16:32

Re: Jeu en javascript - une solution

Message par fabio » 20 oct. 2018, 10:31

Et voilà :D :D
pendu.zip
(178.69 Kio) Téléchargé 34 fois
:ugeek:

Répondre