breakdown txtInput

convert string into array and pull values

by George Obregon

HTML

<!doctype html>
<html lang="en-US">

  <head>
    <meta name="description" content="CURRENT">
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html">
    <title>Su Reservacion!</title>
    <meta name="author" content="George Obregon">
    <!-- BEGIN MOBILE RESPONSIVENESS -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- END MOBILE RESPONSIVENESS -->
    <!-- BEGIN FAVICON -->
    <link rel="icon" type="image/x-icon" href="http://mtomtours.com/favicon.ico" />
    <link rel="icon" type="image/png" href="https://www.mtomtours.com/images/icons/faviconM.png" />
    <link rel="icon" type="image/gif" href="http://mtomtours.com/favicon.gif" />
    <!-- END FAVICON -->
    <link rel="stylesheet" type="text/css" media="all" href="css/styles.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  </head>

  <body>
    <div class="wrap" class="textarea-container">
      <div id="w" class="searchbox" class="textarea-size">
        <h1>Copy and Paste the Below into Text Box to easily pull values</h1>
        <h2>
        works for Avianca right now</h2>
        <p> Example. <br> <small>1.FLORES PINEDA/WILSON ALEXIS                                                 
  2  AV 455 O 05MAY 6*TGUSAL HK1   452P 550P 05MAY  E  TA/QD6LLF                
     OPERATED BY SUBSIDIARY/FRANCHISE                                           
  3  AV 520 O 05MAY 6*SALLAX HK1   715P1145P 05MAY  E  TA/QD6LLF                
     OPERATED BY SUBSIDIARY/FRANCHISE                                           
  4  AV 523 Z 02AUG 4*LAXSAL HK1   137P 730P 02AUG  E  TA/QD6LLF                
     OPERATED BY SUBSIDIARY/FRANCHISE                                           
  5  AV 481 Z 02AUG 4*SALTGU HK1   800P 858P 02AUG  E  TA/QD6LLF</small>        <br>
          <center>
            <textarea type="text" name="ghreclocator" id="ghreclocator" class2="searchfield" value="   1.CORTEZ/IVANIA            ...

CSS

/* THE BELOW IS EXISTING CSS CONTENT */

body {
  background-color: #f7f7f7;
  text-align: center;
}

textarea {
    min-width: 40%;
  min-height:200px;
}

@page {
  size: 5.5in 8.5in;
}

@font-face {
  font-family: 'GENUINEItalic';
  src: url('fonts/GENUIBI_.eot');
  src: local('☺'), url('fonts/GENUIBI_.woff') format('woff'), url('fonts/GENUIBI_.ttf') format('truetype'), url('fonts/GENUIBI_.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Bold';
  src: url('Gotham-Bold.eot');
  src: local('GothamBold'), local('Gotham-Bold'), url('fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Gotham-Bold.woff2') format('woff2'), url('fonts/Gotham-Bold.woff') format('woff'), url('fonts/Gotham-Bold.ttf') format('truetype'), url('fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'FranklinGothicHvy';
  src: url('ITCFranklinGothicStd-Hvy.eot');
  src: local('ITC Franklin Gothic Std Heavy'), local('ITCFranklinGothicStd-Hvy'), url('fonts/ITCFranklinGothicStd-Hvy.eot?#iefix') format('embedded-opentype'), url('fonts/ITCFranklinGothicStd-Hvy.woff2') format('woff2'), url('fonts/ITCFranklinGothicStd-Hvy.woff') format('woff'), url('fonts/ITCFranklinGothicStd-Hvy.ttf') format('truetype'), url('fonts/ITCFranklinGothicStd-Hvy.svg#ITCFranklinGothicStd-Hvy') format('svg');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'GENUINE';
  src: url('GENUINE.eot');
  src: local('GENUINE'), url('fonts/GENUINE.eot?#iefix') format('embedded-opentype'), url('fonts/GENUINE.woff2') format('woff2'), url('fonts/GENUINE.woff') format('woff'), url('fonts/GENUINE.ttf') format('truetype'), url('fonts/GENUINE.svg#GENUINE') format('svg');
  font-weight: normal;
  font-style: normal;
}

.f1 {
  text-align: center;
  font-weight: bold;
  color: #2181b7;
  padding: 2px;
  font-size: medium;
  font-family: Gotham-Bold;
  display:...

JavaScript

var formChanged = function() {
  var firstName = document.getElementsByName("ghreclocator")[0].value;
  var lastName;
  //console.log(firstName);

  // Split input by spaces to make Array
  var splitt = firstName.split(' ');
    console.log(splitt);

  // Generate Name
  var name = new Array();
  for (g = 0; g < splitt.indexOf("2"); g++) {
    if (splitt[g] && splitt[g] != "\n") {
      name.push(splitt[g]);
    }
  }
  var prettyName = name.join(' ');
  var newprettyName = prettyName.replace('.', '').replace('1', '').replace('/', ', ');
  console.log(newprettyName);

  var A = splitt.indexOf("2");
    if (splitt[A + 2].length > 2) {  
  var A_carrierCode = splitt[A + 2].substring(0,2);
  var A_flightNo = splitt[A + 2].substring(2);
   } else {
  var A_carrierCode = splitt[A + 2];
  var A_flightNo = splitt[A + 3];
  }
    
/*   var A_departureDate = splitt[A + 4]; */
  
if (splitt[A + 4].length === 5) {
   // console.log(splitt[A + 10].length);
    var A_departureDate = splitt[A + 4];
  } else if (splitt[A + 5].length === 5) {
    var A_departureDate = splitt[A + 5];
  } else {
    var A_departureDate = splitt[A + 6];
  }
  
  
  if (splitt[A + 10].length === 5) {
   // console.log(splitt[A + 10].length);
    var A_arrivalDate = splitt[A + 10];
  } else if (splitt[A + 11].length === 5) {
    var A_arrivalDate = splitt[A + 11];
  } else {
    var A_arrivalDate = splitt[A + 12];
  }

  var B = splitt.indexOf("3");

  if (splitt[B + 2].length > 2) {  
  var B_carrierCode = splitt[B + 2].substring(0,2);
  var B_flightNo = splitt[B + 2].substring(2);
   } else {
  var B_carrierCode = splitt[B + 2];
  var B_flightNo = splitt[B + 3];
  }

if (splitt[B + 4].length === 5) {
    var B_departureDate = splitt[B + 4];
  } else if (splitt[B + 5].length === 5) {
    var B_departureDate = splitt[B + 5];
  } else {
    var B_departureDate = splitt[B + 6];
  }
  
  if (splitt[B + 10].length === 5) {
   // console.log(splitt[B + 10].length);
    var B_arrivalDate = splitt[B + 10];
...