<html>

    <head>

        <meta charset="utf-8">

        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <meta name="viewport" content="width=device-width,initial-scale=1">



        <title>Analyse de Match : Pari Nizhny Novgorod vs Dynamo Makhachkala</title>

        <meta name="description" content="Analyse du match entre Pari Nizhny Novgorod et Dynamo Makhachkala, pronostics et score final probable">

        <meta name="keywords" content="Pari Nizhny Novgorod, Dynamo Makhachkala, pronostics de match, score final, analyse de foot">



        <!-- Libraries -->

        <!-- jQuery (3.6.0) -->

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" crossorigin="anonymous"></script>

        <!-- Bootstrap CSS (5.3.3) -->

        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" crossorigin="anonymous">

        <!-- Bootstrap JS (5.3.3) -->

        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" crossorigin="anonymous">

        </script>

        <!-- Font Awesome (6.6.0) -->

        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.6.0/css/fontawesome.min.css" crossorigin="anonymous">



        <script type="text/javascript">

            try {

                // App Javascript Goes Here. Place your entire script content inside the try block for error handling.

                

                document.addEventListener("DOMContentLoaded", function() {

                    const matchAnalysis = {

                        team1: "Pari Nizhny Novgorod",

                        team2: "Dynamo Makhachkala",

                        scores: {

                            V1: 2.809,

                            draw: 3.125,

                            V2: 2.947

                        },

                        getWinningTeam: function() {

                            const maxScore = Math.max(this.scores.V1, this.scores.draw, this.scores.V2);

                            if (maxScore === this.scores.V1) {

                                return this.team1;

                            } else if (maxScore === this.scores.V2) {

                                return this.team2;

                            } else {

                                return "Match nul";

                            }

                        },

                        getMostProbableScore: function() {

                            return "2-1";

                        },

                        getFinalScore: function() {

                            const randomScore = Math.floor(Math.random() * 2 + 1);

                            return `${randomScore}-${randomScore + Math.floor(Math.random() * 2)}`;

                        }

                    };



                    const winningTeam = matchAnalysis.getWinningTeam();

                    const mostProbableScore = matchAnalysis.getMostProbableScore();

                    const finalScore = matchAnalysis.getFinalScore();



                    $(".result-container").html(`

                        <h2>Analyse du match</h2>

                        <p><strong>Équipe gagnante probable: </strong>${winningTeam}</p>

                        <p><strong>Score final probable: </strong>${mostProbableScore}</p>

                        <p><strong>Score final estimé: </strong>${finalScore}</p>

                    `);

                });



            } catch (error) {

                throw error;

            }

        </script>

        

        <style>

            body {

                background: linear-gradient(to right, #fc466b, #3f5efb);

                color: #ffffff;

            }

            #main-container {

                margin-top: 20px;

            }

            .result-container {

                background-color: rgba(255, 255, 255, 0.1);

                border-radius: 15px;

                padding: 20px;

                box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);

            }

            h2, p {

                text-align: center;

            }

        </style>

    </head>

    <body>

        <div id="main-container" class="container">

            <div class="result-container">

                <!-- App HTML Goes Here -->

            </div>

        </div>

    </body>

</html>