let perpOrKit = '', days = '', meals = '';
$w.onReady(() => {
$w('#buttonPrep #buttonMeals1,#5MealPrep').onClick(event => {
perpOrKit = event.target.id;
handleSelection();
})
//change the following propertyIDs
$w('#daysOpt1, #daysOpt2').onClick(event => {
days = event.target.id;
handleSelection();
})
//change the following propertyIDs
$w('#numMeals1, #numMeals2, #numMeals3').onClick(event => {
meals = event.target.id;
handleSelection();
})
})
function handleSelection(){
if(!perpOrKit || ! days || !meals){return;} //i.e. stop the process if one of the button type hasn't been clicked;
//now check what the value of perpOrKit, days and meals and change the state in accordance.
}