El problema es que tú estás llamando a `getNumber()` sobre un objeto `phoneInput` que no existe, pues tú llamase al objeto: **`iti`**. Luego, si te interesa el código del país, examinando el objeto, podrás ver que se encuentra dentro de una propiedad llamada `activeItem` que tiene a su vez [un `dataset`][1] con dos propiedades: `dialCode` (que es el valor que te interesa) y `country-code` que es el código del país. Este es un ejemplo, de lo obtenido haciendo un `console.log(iti);`: ` "activeItem": <li class="iti__country iti__preferred iti__active" tabindex="-1" id="iti-0__item-us-preferred" role="option" data-dial-code="1" data-country-code="us" aria-selected="true"> ... Sabiendo eso, puedes obtener el código del país por separado accediendo al dataset que se encuentra en `activeItem` y obteniendo la propiedad `dial-code` del mismo. Por ejemplo: <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> var input = document.querySelector("#phone"); var iti = window.intlTelInput(input, { separateDialCode: true, utilsScript: "https://cdn.jsdelivr.net/npm/[email protected]/build/js/utils.js", }); // store the instance variable so we can access it in the console e.g. window.iti.getNumber() window.iti = iti; document.getElementById("btnSubmit").addEventListener("click", function(e) { e.preventDefault(); const phoneNumber = iti.getNumber(); console.log(phoneNumber); const activeItem = iti.activeItem.dataset; console.log(activeItem.dialCode); }); <!-- language: lang-html --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/build/css/intlTelInput.css"> <script src="https://cdn.jsdelivr.net/npm/[email protected]/build/js/intlTelInput.js"></script> <form> <input id="phone" type="tel" name="phone" /> <input id="btnSubmit" type="submit" class="btn" value="Verify" /> </form> <!-- end snippet --> [1]: https://developer.mozilla.org/es/docs/Learn/HTML/Howto/Use_data_attributes