Copy Phone complete with country code with extension intl-tel-input [closed]

I have a problem using the extension intl-tel-input ( link )

Start the CDN:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.5/css/intlTelInput.css">
 <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.5/js/intlTelInput.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.5/js/intlTelInput.min.js"></script>

Then I modify the CSS:

 .iti-flag {
background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.5/img/flags.png");
}

In the Form I have:

 <tr>
  <div class="row separate">
     <td><label for="plan" class="col-sm-2">3. Phone Type:</label>
     <input id="phone" type="tel" class="form-control sized col-sm-10 separate-label">
     <script>
var input = $("#phone");

input.intlTelInput({
nationalMode: true,
autoPlaceholder: 'polite',
formatOnDisplay: 'true',
utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.5/js/utils.js" // just for formatting/placeholders etc
});



var intlNumber = $("#phone").intlTelInput("getNumber");
     </script>
  </div> </tr> 

I have a Paragraph where the Comment generates

 <div >  <!-- Second column in main row -->
 <p><b>COMMENTS:</b></p>
 <button onclick="generateComments()" id="generate" data-clipboard-target="#comment" class="btn-primary">Generate</button>
 <button onclick="resetForm(); resetPhonebox();" class="btn-primary">Reset</button>      
 <div>
 <textarea rows="10" columns="25" id="comment"></textarea>
 </div>

Here the functions

(function(){
   new Clipboard('#generate'); })();

 function generateComments(){

     var test = $("#test").val();
     var domainn = $("#domainn").val();
     var contact = $("#contact").val();
     var intlNumber = $("#intlNumber").val();
     var timez = $("#timez").val();
     var plan = $("#plan").val();
     var domain = $("#domain").val();

//----CUSTOMER INFORMATION-----

     if(domainn != ""){
        domainn = "\n-