c# - If the value of a field overcross maximum amount, another hidden checkbox shall now become visible

Question

I am new to razor in C# and I want the following: if the value of the dx-field "Betragssumme" changes, the javascript-function CheckAwvMinBetragUeberschritten should be called. There it will be checked if the amound is higher than desired. If it is so, the checkbox should not be hidden anymore.

I have two problems. First I dont know how to debug this javascript code. I already wrote debugger; in it but no debugging happens. And the bigger problem is, my code does not do what I want. The checkbox is hidden under any condition. I dont know how to debug and I dont know what mistake I do. Help please

                <div class="dx-field">
                    <div class="dx-field-label">Betragssumme:</div>
                    <div class="dx-field-value mb-3">@(Html.DevExtreme().NumberBox().ID("AufteilungSumme").Format(new JS("WaehrungsFormat")).ReadOnly(true).Placeholder("0,00") .OnValueChanged("CheckAwvMinBetragUeberschritten"))
                        </div>
                </div>

            <div class="dx-checkbox" style="margin-bottom: 20px" hidden="true" id="AwvField"  onclick="IstAwvMeldepflicht()">
            AWV-Meldepflichtig:
            </div> 

And here is the Javascript-Function

function CheckAwvMinBetragUeberschritten(e) {
    debugger;
    var betragsSumme = $("#AufteilungSumme").dxNumberBox("instance").option("value");

    if (betragsSumme > model.AwvMinBetrag) 
    {
        var field = document.getElementById("AwvField");
        field.hidden = false;
        field.visibility= vi

    }
}

question from:https://stackoverflow.com/questions/65865944/if-the-value-of-a-field-overcross-maximum-amount-another-hidden-checkbox-shall

Answer 1

Waitting for answers