Internation phone number binding not working

See more:

Javascript

jQuery

Hi,

i am binding the international phone to textbox but, the flag in not showing with control, i am binding the full phone number with country code, but the text get changed the country code with 0, please help what i am doing wrong.



thanks in advance.

What I have tried:

IntlPhoneNumber(inputCtrlId) {
        
            const input = document.querySelector(inputCtrlId);
            const phoneInput = window.intlTelInput(input, {
                initialCountry: "auto",
                strictMode: true,
                nationalMode: true,
                geoIpLookup: callback => {
                    fetch("https://ipapi.co/json")
                        .then(res => res.json())
                        .then(data => callback(data.country_code))
                        .catch(() => callback("us"));
                },
                utilsScript: "https://cdn.jsdelivr.net/npm/intl-tel-input@19.5.3/build/js/utils.js" // just for formatting/placeholders etc
            });
            return phoneInput;

<input type="tel" id="PhoneNumber" placeholder="Enter Phone Number" required />

$("#btn1").on("click",function(){

$("#PhoneNumber").val(IntlPhoneNumber("#PhoneNumber").getNumber());
$("#PhoneNumber").val("+913333333333");

});