index.html

<html>
<header>
    <meta charset="UTF-8">
    <link href='css/SparkPopup.css' rel='stylesheet' type='text/css'>
    <link href="http://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js">
    </script>
    <script type="text/javascript" src="js/SparkPopup.js"></script>
</header>

<body>
    <div class="page-container">
        <button class="button">Click me</button>
        <div class="mypop-up">
        </div>
    </div>
    <script>
        $(document).ready(function() {
            $(".mypop-up").SparkPopup({
                type: "success"
            });
        });

        $(".button").on("click", function(e) {
            $(".mypop-up").openSpark();
        })
    </script>
</body>

</html>