Split string into array using JavaScript In-built method

Split string into array using JavaScript In-built method

by jimcute

HTML

<div>
  <h3>
  Split string by Capital case:
  </h3>
  <p>
  Play by changing the value of below textarea and click Split button.
  </p>
  <textarea cols="50" id="txtSplitByCapital">SampleStringToSplit</textarea>
  <br/>
  <button onclick="fnSplitByCapital()">
  Split
  </button>
  <p id="splittedByCaptital">
  </p>
  
    <h3>
  Split string by Comma:
  </h3>
  <p>
  Play by changing the value of below textarea and click Split button.
  </p>
  <textarea cols="50" id="txtSplitByComma">Sample,String,Split</textarea>
  <br>
  <button onclick="fnSplitByComma()">
  Split
  </button>
  <p id="splittedByComma">
  </p>
</div>

JavaScript

const element = document.getElementById('splittedByCaptital');
const splitByComma = document.getElementById('splittedByComma');

/**********************************************************/
/* Split String by Capital case into Array using For loop */
/**********************************************************/
function fnSplitByCapital() {
	element.innerHTML = '';
	const stringToSplit = document.getElementById('txtSplitByCapital').value;
  let result = stringToSplit.split(/(?=[A-Z])/);
  for (let i = 0; i < result.length; i++) {
    element.innerHTML += `${result[i]} <br>`;
  }
}
fnSplitByCapital();

/**********************************************************/
/* Split String by Comma into Array using For loop */
/**********************************************************/
function fnSplitByComma() {
	const stringToSplitByComma = document.getElementById('txtSplitByComma').value;
	splitByComma.innerHTML = '';
  let resultSplitByComma = stringToSplitByComma.split(',');
  for (let i = 0; i < resultSplitByComma.length; i++) {
    splitByComma.innerHTML += `${resultSplitByComma[i]} <br>`;
  }
}

fnSplitByComma();