question about onMessage and Input box

I have an input box populated with values everytime I click a graphs bar using the onMessage and click event. After that I use an onChange event in the input box to filter data and then send results to the repeater. The problem is that the input acts as if there is no value at all, and visually (Preview) you can see the value there.

 $w('#html1').postMessage(data);
    console.log(data)
    $w('#html1').onMessage((event) => { 

 if (event.data.type === 'ready') { 
            $w('#html1').postMessage(data);
        }
 if (event.data.type === 'click') {
           $w("#input1").value = event.data.value;
           $w("#text1").show();
        }
    });
 
export function input1_change(event) {
    $w('#dataset1').setFilter(wixData.filter().eq("def",$w('#input1').value ));
}

Can someone elaborated what happened??

Have you read about using onMessage and postMessage?
https://support.wix.com/en/article/corvid-working-with-the-html-element https://www.wix.com/corvid/reference/$w.HtmlComponent.html#onMessage

Also, whilst in the Wix API reference, have a read of onChange and setFilter too.
https://www.wix.com/corvid/reference/$w.ValueMixin.html
https://www.wix.com/corvid/reference/wix-dataset.Dataset.html#setFilter

Hey thanks for the links. So, I tried to replicated the example on ( https://support.wix.com/en/article/corvid-working-with-the-html-element ) for a better understanding but the message from page code to html doesn’t work and have no clue what is wrong since I copy pasted the code word by word, maybe missing something very basic :frowning: