let currentArray = [];

let getFlow=()=>{
  $.get('data.json', function(data){
    if(currentArray.length == 0){
      console.log(data);
      data.map(function(dat){
        $('.questions').html('');
        $('.flow-buttons').html('');

        let keys = Object.keys(dat);
        let values = Object.values(dat);

        $('.question').html(keys+'?');
        currentArray.push(keys[0]);

        values.map(function(val){
          let valueKeys = Object.keys(val);

          valueKeys.map(function(valKey){
            $('.flow-buttons').append(`<button id='`+valKey+`' onclick='pushButton(this.id)'>`+valKey+`</button>`);
          });
        });
      });
      console.log(currentArray);
    }else{
      let chain = currentArray.join('.');
      let dataChain = 'data.'+chain;
      console.log(chain);
      console.log(dataChain);
      console.log(data.How_many_dependent_variables_do_you_have.One);
      dataChain.map(function(x){
        console.log(x);
      });
    }
  });
}

let pushButton=(id)=>{
  currentArray.push(id);
  console.log(currentArray);
  getFlow();
}