JSFiddle - React, Tailwind, and code Playground

by jasonwilczak

HTML

<input id="search" type="text" width="120px" placeholder="Enter text"/>
<input id="button" type="button" value="See REsults"/>
<textarea readonly="readonly" columns="100" rows="10" id="results"></textarea>

JavaScript

$('#button').click(function() {
    $('#results').val('');
  var resultsData = [];
    var searchData = $('#search').val();
    
    var m = searchData.match(/"(.*?)"/);
    while(m !== null && m!== undefined && m.length === 2)
    {
     resultsData.push(m[1]);
    var replaceText = '"'+m[1]+'"';
    var reg = new RegExp(replaceText,'g');
    searchData = searchData.replace(reg,"");
        m=searchData.match(/"(.*?)"/);
    } 
var splitRemaing = searchData.split(' ');
    for(var n=0;n<splitRemaing.length;n++)
    {
     if(splitRemaing[n] !== ' ' && splitRemaing[n] !== '')
     {
      resultsData.push(splitRemaing[n]);   
     }
    }
    for(var i=0;i<resultsData.length;i++)
    {
        if($('#results').val() === '')
        {
            $('#results').val(resultsData[i]);
        }
        else
        {
    $('#results').val($('#results').val() + '\r\n' + resultsData[i]);
        }
    }
});