Help simplifying Button code

I need help simplifying some code. I have a basic code that changes the colour of 3 buttons on click based on which button is active, the idea was to have the colours of the buttons change with the information in a multi-state box.

Thanks in advance.

$w . onReady ( function () {
$w ( “#button40” ). onClick (() => {
$w ( ‘#statebox8’ ). changeState ( “state1” );
} );
$w ( “#button41” ). onClick (() => {
$w ( ‘#statebox8’ ). changeState ( “state2” );
} );
$w ( “#button42” ). onClick (() => {
$w ( ‘#statebox8’ ). changeState ( “state3” );
} );
});

const greycolour = “#F0F0F0
const whitecolour = “#FFFFFF

$w . onReady (() => {

$w ( "#button41" ). onClick (() => { 

    $w ( "#button40" ). style . backgroundColor  =  whitecolour ; 

} );
$w ( “#button40” ). onClick (() => {

    $w ( "#button40" ). style . backgroundColor  =  greycolour ; 

} );
$w ( “#button41” ). onClick (() => {

    $w ( "#button41" ). style . backgroundColor  =  greycolour ; 

} );
$w ( “#button40” ). onClick (() => {

    $w ( "#button41" ). style . backgroundColor  =  whitecolour ; 

} );
$w ( “#button42” ). onClick (() => {

    $w ( "#button42" ). style . backgroundColor  =  greycolour ; 

} );
$w ( “#button40” ). onClick (() => {

    $w ( "#button42" ). style . backgroundColor  =  whitecolour ; 

} );
$w ( “#button41” ). onClick (() => {

    $w ( "#button42" ). style . backgroundColor  =  whitecolour ; 

} );
$w ( “#button42” ). onClick (() => {

    $w ( "#button41" ). style . backgroundColor  =  whitecolour ; 

} );
});