JSFiddle - React, Tailwind, and code Playground

by heriberto perez

HTML

<script src="http://underscorejs.org/underscore-min.js"></script>
<button id="generate">Generate</button>
<ul id='result'></ul>

JavaScript

var names = [
'Padilla, David',
'Figueroa, Sergio',
'Araoz, Carlos',
'Pardiñas, Jorge',
'Guzmán, José',
'Rocha, Carlos',
'Cortés, Esteban',
'Haro, Jesús',
'Cruz, Edwin',
'Delgado, J. Emmanuel',
'Bustillos, Héctor',
'Muñiz, Carlos',
'Chávez, Mario',
'Alvarado, Nora',
'Tapia, Eduardo',
'Barajas, Ulices',
'Velázquez, Víctor',
'Guzmán, Juan Pablo',
'Moreno, Herman',
'Galindo, Nelida',
'Robles, Gustavo',
'Vallejo, José Alberto',
'Pérez, Edmundo',
'Pérez, José Heriberto',
'Vega, David',
'Mejía, Erika',
'Castro, Ana',
'Figarola, Eduardo',
'Calderón, Iván',
'Rojas, Juan',
'Cortes, Yotzín',
'Sosa, Isay',
'Villa, José Gilberto',
'Perales, Oscar Fernando',
'Castillo, Rogelio Adrián',
'Araujo, Daniela',
'Ramos, Juan Rafael',
'Bautista, Eduardo',
'Figueroa, Jesús',
'González, Carlos',
'Barragán, Steven',
'Victoria, Jaime',
'Ríos, Benjamín',
'Palacios, Viviana',
'Barajas, Fernando',
'Gutiérrez, Katia',
]  

$(document).ready(function () {
  $("#generate").click(
    function () {
      showEmployee();
    }
  );
});

function showEmployee(){
  var employee = GenerateRandomEmployee();
  $('#result').append('<li>' + employee + '</li>');
}

function GenerateRandomEmployee() {
  var position = Math.floor(Math.random() * names.length);
  console.log(names);
  name = names[position];
  delete names[position];
  names = _.compact(names);
  return name;
}