Change button backgroundColor on hover with Code

Ask the community
,
1

Dear :

This code work with $w(‘#text’).html only
but i need it to work with $w(‘#button’) ?
but no html for button how can i do it
thanks for your help

 let oldHtmlStr = $w('#text18').html;
 let newHtmlStr = $w('#text18').html = "<p style='color:#F43F63;font-size:3px'> Your Text in text18 </p>"
    console.log(newHtmlStr);
    $w('#text18').html = newHtmlStr;

My Code

 
let  itemws = ["button1","button2","button3","button4","button5","button6","button7","button8","button9","button10","button11","button12","button13"
,"button14","button15","button16","button17","button18","button19","button20","button21","button22","button23","button24","button25"
,"button26","button27","button28","button29","button30","button31","button32","button33","button34","button35","button36","button37"
,"button38","button39","button40","button41","button42","button43","button44","button45","button46","button47","button48","button49"
,"button50","button51","button52","button53","button54","button55","button56","button57","button58","button59"
,"button60","button61","button62","button63"];
   itemws.map((itemrs)=>{

$w(`#${itemrs}`).onMouseIn(()=>{

 let buttonn = itemrs.valueOf();
 
 let  buttw =  $w(`#${itemrs}`).id.slice(6,9);
 
 let buttClick2 = ('#'+buttonn);
     fc = 'f'+buttw;

 if ($w(`${buttClick2}`).style.backgroundColor === '#ff0000') {
 // red     
         // i need to change the button backgroundColor on hover here 
        console.log("red");
        } 
 else if 
            ($w(`${buttClick2}`).style.backgroundColor === "#0000ff"){
 // blue
 // i need to change the button backgroundColor on hover here 
            console.log("blue");
 

        }
 else if ($w(`${buttClick2}`).style.backgroundColor === "#ffd700"){
 //gold
 // i need to change the button backgroundColor on hover here 
        console.log("gold");

        }
 else{
            $w(`${buttClick2}`).style.backgroundColor = '#FFFFFF';
 
        console.log("no");
}}
    );
   }); 
});

Br

2

Hello Ammar

you can’t change the hover background, i would suggest using two buttons (show the one withe color you want and hide the other). or try using a box with it.

Massa

3

Hello Massa

Can i copy button hover background from another buttons

(win i click button 1 it copy the hover background from button 2) <<< is this possible

Ammar

4

Hello Massa

The box work perfect
but i have to change 1743 buttons ): to box

thanks for your help

BR