JSFiddle - React, Tailwind, and code Playground

by Juan Muñoz

HTML

<div id='mostrartexto' > </div>
<input type='button' value='click' id='btn'  />
<input type='button' value='mostrar' id='btn1'  />
<input type='button' value='eliminar uno de enmedio' id='btn2'  />

JavaScript

var arr1       = [];
var arr2       = [];
var arr3       = [];
var arr4       = [];
var cont = 0;
$('#btn').click( function (){
    agregar();
});
$('#btn1').click( function (){
    mostrar();
});
$('#btn2').click( function (){
    eliminar();
});
function agregar(){
    arr1[cont] = 'juan'+cont;
    arr2[cont] = '1999-'+cont;
    arr3[cont] = 'CR-'+cont;
    arr4[cont] = 'vistaVenta-'+cont;
    alert( "array1"+arr1[cont]+"\n array2"+arr2[cont]+"\n array3"+arr3[cont]);
    cont++;    
}

function mostrar(){    
     $('#mostrartexto').empty();
    for(var i=0;i< arr1.length;i++){
      $('#mostrartexto').append("ARRAY1 POS"+i +"   "+arr1[i]+"<br>");
      $('#mostrartexto').append("ARRAY2 POS"+i +"   "+arr2[i]+"<br>");
      $('#mostrartexto').append("ARRAY3 POS"+i +"   "+arr3[i]+"<br>");
      $('#mostrartexto').append("ARRAY4 POS"+i +"   "+arr4[i]+"<br>");
    }
}

function eliminar(){    
    
    var index = arr1.indexOf('juan1');
    alert(index);
    if( index != -1 ){
        alert(index);
        arr1.splice(index, 1);
        arr2.splice(index, 1);
        arr3.splice(index, 1);
        arr4.splice(index, 1);        
    }
    
}