JSFiddle - React, Tailwind, and code Playground

by Kesavamoorthi Subramanian

HTML

<input id="inputStringId" type="text"/>

<button id="submitBtnId">Submit</button>

CSS

[3,10] [5,20] [6,30]

[4,25]

[3,10] [5,25] [6,30]


[3,10] [5,20] [6,30]

[1,2]

[1,2] [3,10] [5,20] [6,30]

JavaScript

function getSubStr (str)
{
	if (typeof(str) === 'string')
  {
  	var strLen = str.length;
    
  	if (strLen > 0)
    {
    	var longSubStr = '';
      
      var subStr = str[0];
      
      for (var i = 1; i < strLen; ++i)
      {
      	if (subStr.indexOf(str[i]) === -1)
        {
        	subStr += str[i];
        }
        else
        {
        	if (longSubStr.length < subStr.length)
          {
            longSubStr = subStr;
          }
          
          subStr = str[i];
        }
      }
      
      if (longSubStr.length < subStr.length)
      {
        longSubStr = subStr;
      }
      
      console.log(longSubStr);
    }
    else
    {
    console.warn('Empty String!');
    }
  }
  else
  {
  	console.error('Invalid String:', str);
  }
}

document.querySelector('#submitBtnId').addEventListener('click', function ()
{
	getSubStr(document.querySelector('#inputStringId').value);
});