Bonjour, je suis entrain de créer un jeu de casino, un jackpot avec 3 slots et totalement en javascript.
mon soucis est que je n'arrive pas à changer les images des slots en cliquant sur un bouton prédéfinis
Voici mon code pour le moment :
Pouvez vous m'aider, je ne demande pas une solution mais de m'orienter sur la bonne voie
Merci bien
mon soucis est que je n'arrive pas à changer les images des slots en cliquant sur un bouton prédéfinis
Voici mon code pour le moment :
<html>
<head>
<!-- Titre du document -->
<title> Casino </title>
<!-- Javascript-->
<script language="javascript">
function change(){
img1 = Math.ceil(Math.random() * 4);
img2 = Math.ceil(Math.random() * 4);
img3 = Math.ceil(Math.random() * 4);
}
misedepart = 100;
function valeur(numimage) {
switch (numimage)
{
case 1:
document.write(""+tab[0]+"");
break;
case 2:
document.write(""+tab[1]+"");
break;
case 3:
document.write(""+tab[2]+"");
break;
case 4:
document.write(""+tab[3]+"");
break;
}
}
var tab = new Array(4); //création du tableau d'images
tab[0] = ("<img src='images/cerise.png' width='100px' height='100px' />"); //cerise
tab[1] = ("<img src='images/couronne.png' width='100px' height='100px' />"); //couronne
tab[2] = ("<img src='images/etoile.png' width='100px' height='100px' />"); //etoile
tab[3] = ("<img src='images/euro.png' width='100px' height='100px' />"); //euro
// calcul du montant des images affiché :
// possibilité de réalisé également ceci avec un switch case...
if ((img1==4) && (img2==4) && (img3==4)) { // 3euros affiché
document.write("<p>3 euros : tu gagne 20 fois le montant !</p>");
}
else if ((img1==2) && (img2==2) && (img3==2)) { // 3 couronnes affiché
document.write("<p>3 couronnes : tu gagne 15 fois le montant !</p>");
}
else if ((img1==3) && (img2==3) && (img3==3)) { // 3 étoiles affiché
document.write("<p>3 étoiles : tu gagne 10 fois le montant !</p>");
}
else if ((img1==1) && (img2==1) && (img3==1)) { // 3 cerises affiché
document.write("<p>3 cerises : tu gagne 5 fois le montant !</p>");
}
//dans le cas des 2 euros affiché :
else if ((img1==4) && (img2==4) && (img3==2 || 3 || 1) || (img2==4) && (img3==4) && (img1==2 || 3 || 1) || (img3==4) && (img1==4) && (img2==2 || 3 || 1)){
document.write("<p>2 Euros : tu gagne 2 fois le montant !</p>");
}
</script>
<style type="text/css">
@import url(styles.css);
</style>
</head>
<!-- Corps du document -->
<body>
<!-- centrage du document selon les écrans -->
<div class="centrage">
<!-- Header -->
<div id="header"></div>
<!-- Slot -->
<div id="slot">
<!-- Premier slot -->
<div class="slotext">
<script language="javascript">img1 = Math.ceil(Math.random() * 4);
valeur(img1); //execution de la fonction </script>
</div>
<div class="slotext">
<script language="javascript">img2 = Math.ceil(Math.random() * 4);
valeur(img2); //execution de la fonction </script>
</div>
<div class="slotext2">
<script language="javascript">img3 = Math.ceil(Math.random() * 4);
valeur(img3); //execution de la fonction </script>
</div>
<!-- Fin des 3 slots -->
</div>
<div id="montant">
<div id="mise">
<font class="description">
<script language="javascript">
document.write(""+misedepart+"");
</script> €
</font>
<br/>Total des gains</div>
</div>
<div id="montant2">
<div id="total"><font class="description"><input type="button" value="change" onClick="change();"/></font><br/>Gains de la mise</div>
</div>
<!-- Fin du centrage -->
</div>
<!-- Fin du document -->
</body>
</html>
Pouvez vous m'aider, je ne demande pas une solution mais de m'orienter sur la bonne voie
Merci bien