Hiding a form button

Ask the community
,
1

Hi All,
Looking for help with hiding a form1 button when a user does not have a balance to purchase an item.

In Airtable:
I have a member tab which holds the field ‘available balance’.
I have a rewards tab which hold the rewards point cost.

On my Softr page:
All in one page I have - rewards detail block (this holds the point cost)
Form Block (this submits to a another airtable tab ‘requested rewards’)
member table block (this holds the available balance)

if the available balance is less than the rewards point cost then the form button should be hidden so a user can not submit a request.

I need help with some customer code to hide the button.

I’ve found the below from Julien on softr tips but i don’t know how to modify this to the above issue:

<script>
//Hide booking form if status is full

    document.addEventListener(DOMContentLoaded, function() {    
        var waitForData = setInterval(function () {
            if (typeof $ != 'undefined') {
                if (document.querySelectorAll('div[data-mappedto=event_status][data-value=full i]').length > 0) {

                    var bookingForm = document.getElementById('form');

                    bookingForm.style.display = 'none';

                    clearInterval(waitForData);
                }
            }
        }, 100);
    });
</script>