загрузить кнопки через ajax, а затем после нажатия загруженных кнопок загрузить дополнительное содержимое для соответствующей кнопки

Question

Я хочу загрузить некоторый контент в виде кнопок через ajax, а затем после нажатия этих загруженных кнопок я хочу иметь возможность загружать дополнительное содержимое для каждой кнопки соответственно.

это возможно?

Вот что у меня есть до сих пор!

Вызов функции onclick .

<button onclick="findWeek(<?php echo $row['week']; ?>)"></button>

Это будет div, который будет иметь загруженный контент:

 <div id="stats">

 </div>

Функция

 function findWeek(ide)     
             {              

                var xhr =  new XMLHttpRequest();



                xhr.open("GET" ,"start.php?ide="+ide,true);

                xhr.send(null);


                xhr.onreadystatechange = function(){
                    if( (xhr.readyState == '4') && ( xhr.status == '200') )
                    {

                        document.getElementById("stats").innerHTML = xhr.responseText;
                    }


                };

            }

Содержимое загружено из файла start.php .

Вот код start.php, он будет загружен и затем будет передан в div с идентификатором #stats.

Когда эти кнопки загружены, я хочу иметь возможность нажимать на эти кнопки и загружать дополнительное содержимое, связанное с каждой кнопкой.

start.php

if($run = mysqli_query($connect,"SELECT `day` from `foodd_schedule` WHERE `week` = '$week' group by day")){
        while($row = mysqli_fetch_assoc($run)){

            ?>

 <button class="btn btn-danger" onclick="findday()"><?php echo $row['day']; ?></button>

Функция поиска дня внутри start.php файла.

<script type="text/javascript">

function findday(){
    alert("I'm called");
}

Функция findday() даже не вызывается, и консоль показывает, что ошибка findday() не определена.

Как решить эту проблему. Благодаря.