MouseIn change image and text element

Ask the community
,
1

Hello,

I found the below code that works great. But, I 'm looking to add a second MouseIn effect on the same buttons that will change a text element at the same time as the image change. Basically the text element will show the color name (red, white, blue) of each image that is displayed by each button. Would it be separate block of code or can it be incorporated into the below code?

$w.onReady(() => {

$w("#button1, #button2, #button3").onMouseIn(event => { 
    let src; 
    switch(event.target.id){ 
    case "button1": 
        src = "https://static.wixstatic.com/media/image1.png";//use the image source 
        break; 
    case "button2": 
        src = "https://static.wixstatic.com/media/image2.png";//use the image source 
        break; 
    case "button3": 
        src = "https://static.wixstatic.com/media/image3.png";//use the image source 
        break;  
    } 
    $w("#image1").src = src; 
})

})

2

Of course you can add let text; right after the src deceleration, and add text =“something”; to each case before the break , and finally in the end $(“#text1”).text = text;

3

Worked like a charm. Thanks so much!