JSFiddle - React, Tailwind, and code Playground

by Anurag Udasi

HTML

<!-- Deepak -->
<div>
    <div>
        <label>Start Index:</label>
        <input type="text" id="startIndex"/>
        <label>End Index: </label>
        <input type="text" id="endIndex"/>
        <input type="button" id="submit" value="submit"/>
    </div>
    <div>
        <label>Output</label>
    </div>
    <div>
        <ul>
            <li id= "outSlice"></li>
            <li id= "outSplice"></li>
        </ul>
    </div>
</div>

JavaScript

var a = new Array();
a = [1,2,3,4,5];
Array.prototype.slice = function(startIndex, endIndex)
{
    if(startIndex == null && endIndex == null)
   {
       startIndex = 0;
       endIndex = this.length;
   }   
   var data = new Array();
   for(i = startIndex; i < endIndex; i++)
   {
       data.push(this[i]);
   }
  //console.log(data);
   return data;
}

Array.prototype.splice = function(startIndex, endIndex)
{
   if(startIndex == null && endIndex == null)
   {
       startIndex = 0;
       endIndex = this.length;
   }
   
   for(var i = 0; i <= this.length; i++)
   {
      
      if(i < startIndex || i > endIndex)
      {
          delete this[i];
      }
   }
    
    //console.log(this);
    
   return this;
}


document.getElementById("submit").onclick = function(){
    
    var startIndex = document.getElementById("startIndex").value;
    var endIndex = document.getElementById("endIndex").value;
    
    console.log(startIndex+ "," + endIndex);
    var outSlice = a.slice(startIndex, endIndex)
    var outSplice = a.splice(startIndex, endIndex);
    
    document.getElementById("outSlice").innerHTML = outSlice;
    document.getElementById("outSplice").innerHTML = outSplice;
};