Bonjour, je tente de coder une machine à sous. Je n'arrive pas à récupérer les informations des "slots" pour calculer si le jeu est gagnant où non.

<!DOCTYPE HTML>
<html>
    <head>
        <title>Super Slot Machine</title>
        <meta charset="utf-8" />

        <link rel="stylesheet" href="framework/bootstrap/3.3.7/css/bootstrap.min.css">
        <link rel="stylesheet" href="css/style.css">
    </head>

    <body>
        <div class="container">
            <div class="panel panel-primary">
                <div class="panel-heading">Slot machine 1</div>
                <div class="panel-body">
                   
                    <div class="slotwrapper" id="example1">
                        <ul>
                            <li>1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                            <li>5</li>
                            <li>6</li>
                            <li class="text-danger">7</li>
                        </ul>
                        <ul>
                            <li>1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                            <li>5</li>
                            <li>6</li>
                            <li class="text-danger">7</li>
                        </ul>
                        <ul>
                            <li>1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                            <li>5</li>
                            <li>6</li>
                            <li class="text-danger">7</li>
                        </ul>
                    </div>
                    <div>
                        <button type="button" class="btn btn-success btn-lg" id="btn-example1">Start Spin!</button>
                    </div>
                </div>
            </div>
        </div>
        
        <script src="framework/ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
        <script src="framework/cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
        <script src="framework/bootstrap/3.3.7/js/bootstrap.min.js"></script>
        <script src="js/slotMachine.min.js"></script>
        <script src="js/playSpin.min.js"></script>    
    </body>
</html>

let endNum = [];
var num1 = 0;
var num2 = 0;
var num3 = 0;

$('#btn-example1').click(function() {
    num1 = $('#txt-example2-1').val();
    num2 = $('#txt-example2-2').val();
    num3 = $('#txt-example2-3').val();

     $('#example1 ul').playSpin({
        endNum: [num1, num2, num3],
    });

    console.log("num 1 : " + num1);
    console.log("num 2 : " + num2);
    console.log("num 3 : " + num3);

    if (num1 == 7 && num2 == 7 && num3 == 7) {
        console.log("Win !");
    };
});

$('#btn-example2').click(function() {
   
    $('#example2 ul').playSpin({
        endNum: [num1, num2, num3],
    });
    
    console.log("num 1 : " + num1);
    console.log("num 2 : " + num2);
    console.log("num 3 : " + num3);

    if (num1 == 7 && num2 == 7 && num3 == 7) {
        console.log("Win !");
    };
    
});

var startSeqs = {},
  startNum = 0;
($.fn.playSpin = function (a) {
  if (this.length) {
    if ($(this).is(":animated")) return;
    (startSeqs["mainSeq" + ++startNum] = {}),
      $(this).attr("data-playslot", startNum);
    var b = this.length,
      c = 0;
    "undefined" == typeof a && (a = new Object());
    var d = [];
    "undefined" != typeof a.endNum &&
      (d = $.isArray(a.endNum) ? a.endNum : [a.endNum]);
    for (var e = 0; e < this.length; e++)
      "undefined" == typeof d[e] && d.push(0);
    return (
      (startSeqs["mainSeq" + startNum].totalSpinning = b),
      this.each(function () {
        (a.endNum = d[c]),
          (startSeqs["mainSeq" + startNum]["subSeq" + ++c] = {}),
          (startSeqs["mainSeq" + startNum]["subSeq" + c].spinning = !0);
        var e = { total: b, mainSeq: startNum, subSeq: c };
        new slotMachine(this, a, e);
      })
    );
  }
}),
  ($.fn.stopSpin = function () {
    if (this.length) {
      if (!$(this).is(":animated")) return;
      $(this)[0].hasAttribute("data-playslot") &&
        $.each(
          startSeqs["mainSeq" + $(this).attr("data-playslot")],
          function (a, b) {
            b.spinning = !1;
          }
        );
    }
  });
var slotMachine = function (a, b, c) {
  var d = this;
  (d.$el = $(a)),
    (d.defaultOptions = {
      easing: "swing",
      time: 3e3,
      loops: 6,
      manualStop: !1,
      stopSeq: "random",
      endNum: 0,
      onEnd: $.noop,
      onFinish: $.noop,
    }),
    (d.spinSpeed = 0),
    (d.loopCount = 0),
    (d.init = function () {
      (d.options = $.extend({}, d.defaultOptions, b)), d.setup(), d.startSpin();
    }),
    (d.setup = function () {
      var a = d.$el.find("li").first();
      (d.liHeight = a.innerHeight()),
        (d.liCount = d.$el.children().length),
        (d.listHeight = d.liHeight * d.liCount),
        (d.spinSpeed = d.options.time / d.options.loops),
        a.clone().appendTo(d.$el),
        "leftToRight" == d.options.stopSeq
          ? 1 != c.subSeq && (d.options.manualStop = !0)
          : "rightToLeft" == d.options.stopSeq &&
            c.total != c.subSeq &&
            (d.options.manualStop = !0);
    }),
    (d.startSpin = function () {
      d.$el
        .css("top", -d.listHeight)
        .animate({ top: "0px" }, d.spinSpeed, "linear", function () {
          d.lowerSpeed();
        });
    }),
    (d.lowerSpeed = function () {
      d.loopCount++,
        d.loopCount < d.options.loops ||
        (d.options.manualStop &&
          startSeqs["mainSeq" + c.mainSeq]["subSeq" + c.subSeq].spinning)
          ? d.startSpin()
          : d.endSpin();
    }),
    (d.endSpin = function () {
      0 == d.options.endNum && (d.options.endNum = d.randomRange(1, d.liCount)),
        (d.options.endNum < 0 || d.options.endNum > d.liCount) &&
          (d.options.endNum = 1);
      var a = -(d.liHeight * d.options.endNum - d.liHeight),
        b = (1.5 * d.spinSpeed * d.liCount) / d.options.endNum;
      d.$el
        .css("top", -d.listHeight)
        .animate({ top: a }, b, d.options.easing, function () {
          if (
            (d.$el.find("li").last().remove(),
            d.endAnimation(d.options.endNum),
            $.isFunction(d.options.onEnd) && d.options.onEnd(d.options.endNum),
            0 == startSeqs["mainSeq" + c.mainSeq].totalSpinning)
          ) {
            var a = "";
            $.each(startSeqs["mainSeq" + c.mainSeq], function (b, c) {
              "object" == typeof c && (a += c.endNum.toString());
            }),
              $.isFunction(d.options.onFinish) && d.options.onFinish(a);
          }
        });
    }),
    (d.endAnimation = function (a) {
      "leftToRight" == d.options.stopSeq && c.total != c.subSeq
        ? (startSeqs["mainSeq" + c.mainSeq][
            "subSeq" + (c.subSeq + 1)
          ].spinning = !1)
        : "rightToLeft" == d.options.stopSeq &&
          1 != c.subSeq &&
          (startSeqs["mainSeq" + c.mainSeq][
            "subSeq" + (c.subSeq - 1)
          ].spinning = !1),
        startSeqs["mainSeq" + c.mainSeq].totalSpinning--,
        (startSeqs["mainSeq" + c.mainSeq]["subSeq" + c.subSeq].endNum = a);
    }),
    (d.randomRange = function (a, b) {
      return Math.floor(Math.random() * (1 + b - a)) + a;
    }),
    this.init();
};

Merci d'avance

-
Edité par Fastback 22 septembre 2022 à 18:40:27

Bonjour, Évitez les titres de sujet avec "problème" si vous poster on se doute que vous avez un problème, l'indiquer dans le titre n'apporte aucune information quand au contenu du sujet. Merci d'indiquer un titre en rapport avec votre problématique.

Le message qui suit est une réponse automatique activée par un membre de l'équipe. Les réponses automatiques leur permettent d'éviter d'avoir à répéter de nombreuses fois la même chose, ce qui leur fait gagner du temps et leur permet de s'occuper des sujets qui méritent plus d'attention.
Nous sommes néanmoins ouverts et si vous avez une question ou une remarque, n'hésitez pas à contacter la personne en question par Message Privé.
Pour plus d'informations, nous vous invitons à lire les règles générales du forum

Merci de colorer votre code à l'aide du bouton Code

Les forums d'Openclassrooms disposent d'une fonctionnalité permettant de colorer et mettre en forme les codes source afin de les rendre plus lisibles et faciles à manipuler par les intervenants. Pour cela, il faut utiliser le bouton Code de l'éditeur, choisir un des langages proposés et coller votre code dans la zone prévue. Si vous utilisez l'éditeur de messages en mode Markdown, il faut utiliser les balises <pre class="brush: jscript;">Votre code ici</pre>.

Merci de modifier votre message d'origine en fonction.

Forums des Zéros

Récupérer variable machine à sous

Merci de colorer votre code à l'aide du bouton Code

Liens conseillés

Récupérer variable machine à sous

Récupérer variable machine à sous

Merci de colorer votre code à l'aide du bouton Code

Liens conseillés

Récupérer variable machine à sous

Supprimer

Modérer

Signaler le message aux modérateurs