Variant Metafield Dynamic Changing, Without refresh the whole page

Hi everyone,

So I have a variant metafield created with multiple text lines and I already created the liquid block with the following code:

{% for variant in product.variants %}
{% if product.selected_or_first_available_variant.id == variant.id %}
<strong style="color: #00a9e6; font-size: 14px;">{{ variant.metafields.custom.b2b_description_1 }}</strong>                  
{% endif %}
{% endfor %}

And I’m having some trouble, displaying the texts from each variant on the product when I select them, It’s supposed to change the text because it’s different.

I already found a post here that show me a way to do it refreshing the whole page but that its just what Im not looking for. I want the text to update without the whole page update.

I have already read all the discussions here about this, and non of them helped me doing this.

If anyone knows how to this, I aprecciate