Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <div class="paginazione">
  <button class="pg" type="button" id="btn-pre" onClick="onBtnDietroClick()">&lt; Pre</button>
  <div class="pg">Elementi totali: <span id="elementi-totali">--</span></div>
  <div class="pg">Pagina Corrente: <span id="pagina-corrente">--</span></div>
  <div class="pg">Pagine Totali: <span id="pagine-totali">--</span></div>
  <button class="pg" type="button" id="btn-succ" onclick="onBtnAvantiClick()">Suc &gt;</button>
</div>
<div class="container">
  <div class="colonna">
    <h2>Array originale</h2>
    <pre id="array" />
    </div>
  <div class="colonna">
    <h2>Output della funzione</h2>
    <pre id="out-funzione"/>
  </div>
  <div class="colonna">
        <h2>Dati paginati</h2>
    <pre id="paginati"/>
  </div>
</div>
              
            
!

CSS

              
                .paginazione {
  border: 1px solid #333;
  padding: 16px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width:100%;
}
.pg {
  margin: 0 10px;
}
.container {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.colonna {
  border: 1px solid #333;
  padding: 0 16px;
  flex-grow: 1;
}
.colonna > h2 {
  text-align: center;
  text-transform: uppercase;
  font-size: 90%;
}

              
            
!

JS

              
                //Gli elementi del DOM che userò a scopo dimostrativo
let elArray,
  elOutputFunzione,
  elPaginati,
  btnPre,
  btnSucc,
  elTotali,
  elPaginaCorrente,
  elElementiTotali;

//Dove conserverò lo stato della paginazione
let outPaginatore;

//La funzione che esegurà la paginazione
const paginatore = (elementi, paginaCorrente, elementiPerPagina) => {
  //se non specificato considero di essere alla pagina numero 1
  let pagina = paginaCorrente || 1;
  //se non specificato dico che voglio 10 elmenti per pagina
  let perPagina = elementiPerPagina || 10;
  //calcolo l'offset di spostamento della "finestra" di elementi che voglio restituire
  let offset = (pagina - 1) * perPagina;
  //estraggo la porzione di oggetti che mi interessa
  let elementiPaginati = elementi.slice(offset).slice(0, perPagina);
  //Calcolo il numero totale di pagine
  let pagineTotali = Math.ceil(elementi.length / perPagina);

  //Restituisco un oggetto contenente la porzione paginata e tutte le informazioni necessarie alla navigazione
  return {
    paginaCorrente: pagina,
    perPagina: perPagina,
    paginaPrecedente: pagina - 1 ? pagina - 1 : null,
    paginaSuccessiva: pagineTotali > pagina ? pagina + 1 : null,
    totali: elementi.length,
    pagineTotali: pagineTotali,
    elementiPaginati: elementiPaginati
  };
};

//La funzione di comodo per navigare l'array in questa demo
const naviga = (pagina) => {
  outPaginatore = paginatore(grossoArray, pagina);
  elPagineTotali.innerText = outPaginatore.pagineTotali;
  elPaginaCorrente.innerText = outPaginatore.paginaCorrente;
  elPaginati.innerText = JSON.stringify(
    outPaginatore.elementiPaginati,
    null,
    4
  );
  elOutputFunzione.innerText = JSON.stringify(outPaginatore, null, 4);
};

//Funzione di comodo per inizializzare la faccenda
const init = () => {
  elArray = document.getElementById("array");
  elPaginati = document.getElementById("paginati");
  elOutputFunzione = document.getElementById("out-funzione");
  btnPre = document.getElementById("btn-pre");
  btnSucc = document.getElementById("btn-succ");
  elPagineTotali = document.getElementById("pagine-totali");
  elElementiTotali = document.getElementById("elementi-totali");
  elPaginaCorrente = document.getElementById("pagina-corrente");

  elArray.innerText = JSON.stringify(grossoArray, null, 4);
  elElementiTotali.innerText = grossoArray.length;

  naviga();
};

//Funzione da eseguire al click del bottone avanti
const onBtnAvantiClick = () => {
  if (outPaginatore.paginaSuccessiva) {
    naviga(outPaginatore.paginaSuccessiva);
  }
};

//Funzione da eseguire al click del bottone dietro
const onBtnDietroClick = () => {
  if (outPaginatore.paginaPrecedente) {
    naviga(outPaginatore.paginaPrecedente);
  }
};

//Il grosso array di oggetti
const grossoArray = [
  {
    cognome: "Greer",
    nome: "Ochoa",
    citta: "Bendon"
  },
  {
    cognome: "Shepherd",
    nome: "Newman",
    citta: "Alafaya"
  },
  {
    cognome: "Blake",
    nome: "Janna",
    citta: "Falconaire"
  },
  {
    cognome: "Hobbs",
    nome: "Molina",
    citta: "Wadsworth"
  },
  {
    cognome: "Ward",
    nome: "Dennis",
    citta: "Staples"
  },
  {
    cognome: "Mcintyre",
    nome: "Sherri",
    citta: "Yogaville"
  },
  {
    cognome: "Hopper",
    nome: "Sharp",
    citta: "Sehili"
  },
  {
    cognome: "Short",
    nome: "Ann",
    citta: "Bluetown"
  },
  {
    cognome: "Reilly",
    nome: "Stella",
    citta: "Aguila"
  },
  {
    cognome: "Wolfe",
    nome: "Schneider",
    citta: "Retsof"
  },
  {
    cognome: "Howard",
    nome: "Prince",
    citta: "Bethany"
  },
  {
    cognome: "Maynard",
    nome: "Bryan",
    citta: "Dalton"
  },
  {
    cognome: "Jenkins",
    nome: "Iva",
    citta: "Florence"
  },
  {
    cognome: "Alvarado",
    nome: "Vanessa",
    citta: "Beaulieu"
  },
  {
    cognome: "Russo",
    nome: "Powell",
    citta: "Harviell"
  },
  {
    cognome: "Carrillo",
    nome: "Angelia",
    citta: "Brantleyville"
  },
  {
    cognome: "Bates",
    nome: "Erin",
    citta: "Movico"
  },
  {
    cognome: "Foster",
    nome: "Sharon",
    citta: "Dunlo"
  },
  {
    cognome: "Floyd",
    nome: "Brooke",
    citta: "Chamizal"
  },
  {
    cognome: "Woods",
    nome: "Minerva",
    citta: "Coinjock"
  },
  {
    cognome: "Tanner",
    nome: "Floyd",
    citta: "Zarephath"
  },
  {
    cognome: "Conrad",
    nome: "Jolene",
    citta: "Topaz"
  },
  {
    cognome: "Holland",
    nome: "Le",
    citta: "Frank"
  },
  {
    cognome: "Macias",
    nome: "Jessie",
    citta: "Cloverdale"
  },
  {
    cognome: "Lawrence",
    nome: "Wendy",
    citta: "Bladensburg"
  },
  {
    cognome: "Horn",
    nome: "Young",
    citta: "Dahlen"
  },
  {
    cognome: "Luna",
    nome: "Rush",
    citta: "Zortman"
  },
  {
    cognome: "Everett",
    nome: "Simone",
    citta: "Sedley"
  },
  {
    cognome: "Joyner",
    nome: "Maryanne",
    citta: "Gambrills"
  },
  {
    cognome: "Prince",
    nome: "Carver",
    citta: "Floriston"
  },
  {
    cognome: "Sparks",
    nome: "Ashley",
    citta: "Bangor"
  },
  {
    cognome: "Forbes",
    nome: "Pearson",
    citta: "Nord"
  },
  {
    cognome: "Shelton",
    nome: "Jerry",
    citta: "Guilford"
  },
  {
    cognome: "Lee",
    nome: "Callie",
    citta: "Osmond"
  },
  {
    cognome: "Bartlett",
    nome: "Sallie",
    citta: "Coalmont"
  },
  {
    cognome: "Burch",
    nome: "Angelique",
    citta: "Westmoreland"
  },
  {
    cognome: "Holden",
    nome: "Zimmerman",
    citta: "Coral"
  },
  {
    cognome: "Best",
    nome: "Robin",
    citta: "Oneida"
  },
  {
    cognome: "Mckenzie",
    nome: "Penelope",
    citta: "Devon"
  },
  {
    cognome: "Carlson",
    nome: "Oneill",
    citta: "Rowe"
  },
  {
    cognome: "Mcmillan",
    nome: "Espinoza",
    citta: "Alden"
  },
  {
    cognome: "House",
    nome: "Weber",
    citta: "Fillmore"
  },
  {
    cognome: "Velez",
    nome: "Jenkins",
    citta: "Crown"
  },
  {
    cognome: "Mclean",
    nome: "Crawford",
    citta: "Snowville"
  },
  {
    cognome: "Cohen",
    nome: "Underwood",
    citta: "Henrietta"
  },
  {
    cognome: "Dawson",
    nome: "Esperanza",
    citta: "Vale"
  },
  {
    cognome: "Rowe",
    nome: "Roxanne",
    citta: "Dola"
  },
  {
    cognome: "Griffith",
    nome: "Christian",
    citta: "Bentley"
  },
  {
    cognome: "Knox",
    nome: "Carmen",
    citta: "Farmington"
  },
  {
    cognome: "Langley",
    nome: "Renee",
    citta: "Evergreen"
  },
  {
    cognome: "King",
    nome: "Ellison",
    citta: "Olney"
  },
  {
    cognome: "Holman",
    nome: "Leann",
    citta: "Greenwich"
  },
  {
    cognome: "Witt",
    nome: "Erica",
    citta: "Riner"
  },
  {
    cognome: "Emerson",
    nome: "Francine",
    citta: "Talpa"
  },
  {
    cognome: "Kinney",
    nome: "Carmella",
    citta: "Chilton"
  },
  {
    cognome: "Landry",
    nome: "Inez",
    citta: "Brandywine"
  },
  {
    cognome: "Sanders",
    nome: "Jewell",
    citta: "Longbranch"
  },
  {
    cognome: "Butler",
    nome: "Berger",
    citta: "Foxworth"
  },
  {
    cognome: "Ortega",
    nome: "Alvarez",
    citta: "Alleghenyville"
  },
  {
    cognome: "Newman",
    nome: "Rodriquez",
    citta: "Sabillasville"
  },
  {
    cognome: "Bender",
    nome: "Ora",
    citta: "Hollymead"
  },
  {
    cognome: "Michael",
    nome: "Burch",
    citta: "Worcester"
  },
  {
    cognome: "Brown",
    nome: "Lorena",
    citta: "Tioga"
  },
  {
    cognome: "Ochoa",
    nome: "Bowen",
    citta: "Westboro"
  },
  {
    cognome: "Tyson",
    nome: "Rocha",
    citta: "Yorklyn"
  },
  {
    cognome: "Scott",
    nome: "Claudette",
    citta: "Greenbush"
  },
  {
    cognome: "Morrison",
    nome: "Calderon",
    citta: "Rehrersburg"
  },
  {
    cognome: "Huffman",
    nome: "Flores",
    citta: "Maxville"
  },
  {
    cognome: "Cox",
    nome: "Felicia",
    citta: "Hobucken"
  },
  {
    cognome: "Griffin",
    nome: "Holmes",
    citta: "Stewartville"
  },
  {
    cognome: "Chen",
    nome: "Letha",
    citta: "Jennings"
  },
  {
    cognome: "Mcfadden",
    nome: "Clarissa",
    citta: "Hollins"
  },
  {
    cognome: "Murray",
    nome: "Charlene",
    citta: "Moquino"
  },
  {
    cognome: "Donaldson",
    nome: "Michael",
    citta: "Brazos"
  },
  {
    cognome: "Foreman",
    nome: "Tiffany",
    citta: "Caln"
  },
  {
    cognome: "Francis",
    nome: "Figueroa",
    citta: "Derwood"
  },
  {
    cognome: "Hodges",
    nome: "Melody",
    citta: "Belgreen"
  },
  {
    cognome: "Cruz",
    nome: "Benson",
    citta: "Elizaville"
  },
  {
    cognome: "Porter",
    nome: "Olivia",
    citta: "Ola"
  },
  {
    cognome: "Mayer",
    nome: "Kris",
    citta: "Cashtown"
  },
  {
    cognome: "Cline",
    nome: "Frieda",
    citta: "Kilbourne"
  },
  {
    cognome: "Goodman",
    nome: "Greene",
    citta: "Goochland"
  },
  {
    cognome: "Waters",
    nome: "Abbott",
    citta: "Watrous"
  },
  {
    cognome: "Keith",
    nome: "Hale",
    citta: "Templeton"
  },
  {
    cognome: "Gray",
    nome: "Belinda",
    citta: "Warren"
  },
  {
    cognome: "Santiago",
    nome: "Lorraine",
    citta: "Umapine"
  },
  {
    cognome: "Cooke",
    nome: "Karin",
    citta: "Cornucopia"
  },
  {
    cognome: "Patel",
    nome: "Carr",
    citta: "Welda"
  },
  {
    cognome: "Schwartz",
    nome: "Alana",
    citta: "Warsaw"
  },
  {
    cognome: "Saunders",
    nome: "Maryellen",
    citta: "Sutton"
  },
  {
    cognome: "Hurley",
    nome: "Brandi",
    citta: "Callaghan"
  },
  {
    cognome: "Morris",
    nome: "Harriett",
    citta: "Norris"
  },
  {
    cognome: "Mckee",
    nome: "Deanne",
    citta: "Concho"
  },
  {
    cognome: "Hampton",
    nome: "Sharlene",
    citta: "Summerset"
  },
  {
    cognome: "Boyd",
    nome: "Tucker",
    citta: "Tyhee"
  },
  {
    cognome: "Fletcher",
    nome: "Donovan",
    citta: "Fairacres"
  },
  {
    cognome: "Ortiz",
    nome: "Victoria",
    citta: "Wedgewood"
  },
  {
    cognome: "Gentry",
    nome: "Blankenship",
    citta: "Brewster"
  },
  {
    cognome: "Sharpe",
    nome: "Lorie",
    citta: "Saddlebrooke"
  },
  {
    cognome: "English",
    nome: "Norris",
    citta: "Lacomb"
  },
  {
    cognome: "Higgins",
    nome: "Terrell",
    citta: "Wattsville"
  },
  {
    cognome: "Rodriguez",
    nome: "Sybil",
    citta: "Dennard"
  },
  {
    cognome: "Dejesus",
    nome: "Allen",
    citta: "Baker"
  },
  {
    cognome: "Savage",
    nome: "Carole",
    citta: "Dragoon"
  },
  {
    cognome: "Delaney",
    nome: "Nora",
    citta: "Fowlerville"
  },
  {
    cognome: "Conway",
    nome: "Maggie",
    citta: "Savage"
  },
  {
    cognome: "Kennedy",
    nome: "Sonya",
    citta: "Martell"
  },
  {
    cognome: "Mcfarland",
    nome: "Walker",
    citta: "Bluffview"
  },
  {
    cognome: "Kelley",
    nome: "Dionne",
    citta: "Bison"
  },
  {
    cognome: "Mcintosh",
    nome: "Crosby",
    citta: "Orovada"
  },
  {
    cognome: "Sexton",
    nome: "Melanie",
    citta: "Reno"
  },
  {
    cognome: "Boyer",
    nome: "Theresa",
    citta: "Calverton"
  },
  {
    cognome: "Mullins",
    nome: "Middleton",
    citta: "Sanford"
  },
  {
    cognome: "Harrison",
    nome: "Cunningham",
    citta: "Chase"
  },
  {
    cognome: "Gardner",
    nome: "John",
    citta: "Gloucester"
  },
  {
    cognome: "Stuart",
    nome: "Lee",
    citta: "Mulberry"
  },
  {
    cognome: "Alexander",
    nome: "Kristin",
    citta: "Roy"
  },
  {
    cognome: "Watkins",
    nome: "Josefa",
    citta: "Kylertown"
  },
  {
    cognome: "Stafford",
    nome: "Eaton",
    citta: "Taycheedah"
  },
  {
    cognome: "Kline",
    nome: "June",
    citta: "Belvoir"
  },
  {
    cognome: "Oneil",
    nome: "Houston",
    citta: "Barronett"
  },
  {
    cognome: "Tate",
    nome: "Rochelle",
    citta: "Walker"
  },
  {
    cognome: "Travis",
    nome: "Catalina",
    citta: "Belleview"
  },
  {
    cognome: "Avery",
    nome: "Marcia",
    citta: "Barrelville"
  },
  {
    cognome: "Strickland",
    nome: "Lena",
    citta: "Lookingglass"
  },
  {
    cognome: "Chandler",
    nome: "Wilcox",
    citta: "Martinez"
  },
  {
    cognome: "Slater",
    nome: "Caldwell",
    citta: "Crisman"
  },
  {
    cognome: "Dyer",
    nome: "Horne",
    citta: "Dyckesville"
  },
  {
    cognome: "Waller",
    nome: "Alyssa",
    citta: "Norwood"
  },
  {
    cognome: "Fernandez",
    nome: "Imelda",
    citta: "Glenville"
  },
  {
    cognome: "Galloway",
    nome: "Consuelo",
    citta: "Oretta"
  },
  {
    cognome: "Boone",
    nome: "Wynn",
    citta: "Wollochet"
  },
  {
    cognome: "Hartman",
    nome: "Harmon",
    citta: "Limestone"
  },
  {
    cognome: "Hayden",
    nome: "Marylou",
    citta: "Bergoo"
  },
  {
    cognome: "Anthony",
    nome: "Buck",
    citta: "Whitehaven"
  },
  {
    cognome: "Pratt",
    nome: "Perry",
    citta: "Woodruff"
  },
  {
    cognome: "Potter",
    nome: "Matilda",
    citta: "Thomasville"
  },
  {
    cognome: "Dunlap",
    nome: "Briggs",
    citta: "Tryon"
  },
  {
    cognome: "Estes",
    nome: "Browning",
    citta: "Jacumba"
  },
  {
    cognome: "Grant",
    nome: "Reba",
    citta: "Kidder"
  },
  {
    cognome: "Vaughn",
    nome: "Harrington",
    citta: "Rivers"
  },
  {
    cognome: "Sutton",
    nome: "Berry",
    citta: "Cartwright"
  },
  {
    cognome: "Glass",
    nome: "Earline",
    citta: "Ernstville"
  },
  {
    cognome: "Watts",
    nome: "Peck",
    citta: "Breinigsville"
  },
  {
    cognome: "Ballard",
    nome: "Moss",
    citta: "Noxen"
  },
  {
    cognome: "Dorsey",
    nome: "Angelita",
    citta: "Finzel"
  },
  {
    cognome: "Bonner",
    nome: "Charles",
    citta: "Bloomington"
  },
  {
    cognome: "Hunt",
    nome: "Jennifer",
    citta: "Monument"
  },
  {
    cognome: "White",
    nome: "Arlene",
    citta: "Lisco"
  },
  {
    cognome: "Webster",
    nome: "Elinor",
    citta: "Cotopaxi"
  },
  {
    cognome: "Sloan",
    nome: "Ramirez",
    citta: "Mammoth"
  },
  {
    cognome: "Henson",
    nome: "Lindsay",
    citta: "Sylvanite"
  },
  {
    cognome: "Levine",
    nome: "Joni",
    citta: "Brenton"
  },
  {
    cognome: "Osborne",
    nome: "Vaughan",
    citta: "Hegins"
  },
  {
    cognome: "Stephens",
    nome: "Mattie",
    citta: "Cumminsville"
  },
  {
    cognome: "Burton",
    nome: "Goldie",
    citta: "Elliston"
  },
  {
    cognome: "Casey",
    nome: "Murphy",
    citta: "Falmouth"
  },
  {
    cognome: "Humphrey",
    nome: "Florence",
    citta: "Blue"
  },
  {
    cognome: "Wall",
    nome: "Mendez",
    citta: "Strong"
  },
  {
    cognome: "Kerr",
    nome: "Kellie",
    citta: "Coultervillle"
  },
  {
    cognome: "Vincent",
    nome: "Ila",
    citta: "Bethpage"
  },
  {
    cognome: "Santos",
    nome: "Marquez",
    citta: "Foscoe"
  },
  {
    cognome: "Rivers",
    nome: "Andrea",
    citta: "Fontanelle"
  },
  {
    cognome: "Hensley",
    nome: "Holt",
    citta: "Croom"
  },
  {
    cognome: "Terry",
    nome: "Barber",
    citta: "Yukon"
  },
  {
    cognome: "Taylor",
    nome: "Forbes",
    citta: "Saranap"
  },
  {
    cognome: "Dean",
    nome: "Henry",
    citta: "Cucumber"
  },
  {
    cognome: "Cochran",
    nome: "May",
    citta: "Coloma"
  },
  {
    cognome: "Carey",
    nome: "Shaw",
    citta: "Marne"
  },
  {
    cognome: "Pickett",
    nome: "Maddox",
    citta: "Zeba"
  },
  {
    cognome: "Gomez",
    nome: "Kirby",
    citta: "Disautel"
  },
  {
    cognome: "Greene",
    nome: "Bernard",
    citta: "Rivera"
  },
  {
    cognome: "Trujillo",
    nome: "Nona",
    citta: "Biddle"
  },
  {
    cognome: "Mendez",
    nome: "Haley",
    citta: "Wolcott"
  },
  {
    cognome: "Harrell",
    nome: "Lee",
    citta: "Barstow"
  },
  {
    cognome: "Munoz",
    nome: "Lillie",
    citta: "Springdale"
  },
  {
    cognome: "Tyler",
    nome: "Elliott",
    citta: "Hiseville"
  },
  {
    cognome: "Sullivan",
    nome: "Gayle",
    citta: "Kennedyville"
  },
  {
    cognome: "Barrera",
    nome: "Chan",
    citta: "Hamilton"
  },
  {
    cognome: "Ramos",
    nome: "Solis",
    citta: "Chelsea"
  },
  {
    cognome: "Rivera",
    nome: "Liz",
    citta: "Snyderville"
  },
  {
    cognome: "Garner",
    nome: "Hyde",
    citta: "Nogal"
  },
  {
    cognome: "Stout",
    nome: "Ball",
    citta: "Spokane"
  },
  {
    cognome: "Richardson",
    nome: "Kirkland",
    citta: "Sena"
  },
  {
    cognome: "Jones",
    nome: "Waller",
    citta: "Leeper"
  },
  {
    cognome: "Martin",
    nome: "Mcfadden",
    citta: "Silkworth"
  },
  {
    cognome: "Harrington",
    nome: "Rasmussen",
    citta: "Hampstead"
  },
  {
    cognome: "Craig",
    nome: "Patel",
    citta: "Eureka"
  },
  {
    cognome: "Haley",
    nome: "Mccray",
    citta: "Bodega"
  },
  {
    cognome: "Willis",
    nome: "Francisca",
    citta: "Caledonia"
  },
  {
    cognome: "Buck",
    nome: "Wells",
    citta: "Siglerville"
  },
  {
    cognome: "Fuentes",
    nome: "Case",
    citta: "Kenvil"
  },
  {
    cognome: "Rose",
    nome: "Dollie",
    citta: "Rosine"
  },
  {
    cognome: "Perry",
    nome: "Grant",
    citta: "Dana"
  },
  {
    cognome: "Good",
    nome: "Kari",
    citta: "Loma"
  },
  {
    cognome: "Mcgee",
    nome: "Lucia",
    citta: "Thermal"
  },
  {
    cognome: "Weber",
    nome: "Petersen",
    citta: "Allensworth"
  },
  {
    cognome: "Shaw",
    nome: "Shana",
    citta: "Wanship"
  },
  {
    cognome: "Avila",
    nome: "Kemp",
    citta: "Thornport"
  },
  {
    cognome: "Donovan",
    nome: "Stein",
    citta: "Galesville"
  },
  {
    cognome: "Gregory",
    nome: "Stanley",
    citta: "Moraida"
  },
  {
    cognome: "Rodgers",
    nome: "Alexandria",
    citta: "Dorneyville"
  },
  {
    cognome: "Cunningham",
    nome: "Hampton",
    citta: "Catherine"
  },
  {
    cognome: "Berg",
    nome: "Saundra",
    citta: "Caron"
  },
  {
    cognome: "Lancaster",
    nome: "Deidre",
    citta: "Wanamie"
  },
  {
    cognome: "Mcpherson",
    nome: "Williams",
    citta: "Lorraine"
  },
  {
    cognome: "Jacobson",
    nome: "Boyd",
    citta: "Dexter"
  },
  {
    cognome: "Glenn",
    nome: "Albert",
    citta: "Lafferty"
  },
  {
    cognome: "Suarez",
    nome: "Langley",
    citta: "Graball"
  },
  {
    cognome: "Shaffer",
    nome: "Kara",
    citta: "Forestburg"
  },
  {
    cognome: "Graham",
    nome: "Flowers",
    citta: "Grazierville"
  },
  {
    cognome: "Preston",
    nome: "Janet",
    citta: "Chautauqua"
  },
  {
    cognome: "Myers",
    nome: "Anita",
    citta: "Edenburg"
  },
  {
    cognome: "Pitts",
    nome: "Day",
    citta: "Summerfield"
  },
  {
    cognome: "Hill",
    nome: "Valarie",
    citta: "Caroline"
  },
  {
    cognome: "Buckley",
    nome: "Sheri",
    citta: "Lindisfarne"
  },
  {
    cognome: "Ryan",
    nome: "Velasquez",
    citta: "Jacksonburg"
  },
  {
    cognome: "Baker",
    nome: "Perez",
    citta: "Ironton"
  },
  {
    cognome: "Reese",
    nome: "Rowe",
    citta: "Grimsley"
  },
  {
    cognome: "Peterson",
    nome: "Carson",
    citta: "Nutrioso"
  },
  {
    cognome: "Fuller",
    nome: "Regina",
    citta: "Southmont"
  },
  {
    cognome: "Dotson",
    nome: "Mays",
    citta: "Manila"
  },
  {
    cognome: "Goodwin",
    nome: "Kathryn",
    citta: "Williamson"
  },
  {
    cognome: "Neal",
    nome: "Deleon",
    citta: "Kingstowne"
  },
  {
    cognome: "Winters",
    nome: "Baird",
    citta: "Takilma"
  },
  {
    cognome: "Bauer",
    nome: "Green",
    citta: "Wakulla"
  },
  {
    cognome: "Juarez",
    nome: "Norman",
    citta: "Crayne"
  },
  {
    cognome: "Spence",
    nome: "Carmela",
    citta: "Wells"
  },
  {
    cognome: "Rosario",
    nome: "Ernestine",
    citta: "Wauhillau"
  },
  {
    cognome: "Le",
    nome: "Johnson",
    citta: "Crumpler"
  },
  {
    cognome: "Salazar",
    nome: "Gallegos",
    citta: "Newcastle"
  },
  {
    cognome: "Vang",
    nome: "Jan",
    citta: "Cressey"
  },
  {
    cognome: "Crane",
    nome: "Lopez",
    citta: "Camas"
  },
  {
    cognome: "Horton",
    nome: "Effie",
    citta: "Hiko"
  },
  {
    cognome: "Thomas",
    nome: "Wolfe",
    citta: "Greenbackville"
  },
  {
    cognome: "Church",
    nome: "Russell",
    citta: "Cliff"
  },
  {
    cognome: "Faulkner",
    nome: "Randi",
    citta: "Herbster"
  },
  {
    cognome: "Benjamin",
    nome: "Hayes",
    citta: "Lund"
  },
  {
    cognome: "Aguirre",
    nome: "Benita",
    citta: "Germanton"
  },
  {
    cognome: "Stephenson",
    nome: "Alyson",
    citta: "Greer"
  },
  {
    cognome: "Keller",
    nome: "Corrine",
    citta: "Beaverdale"
  },
  {
    cognome: "Stewart",
    nome: "Lenore",
    citta: "Katonah"
  },
  {
    cognome: "Harding",
    nome: "Irwin",
    citta: "Richville"
  },
  {
    cognome: "Lowery",
    nome: "Jenifer",
    citta: "Stagecoach"
  },
  {
    cognome: "Colon",
    nome: "Lowe",
    citta: "Vienna"
  },
  {
    cognome: "Buchanan",
    nome: "Calhoun",
    citta: "Wakarusa"
  },
  {
    cognome: "Mccray",
    nome: "Annie",
    citta: "Skyland"
  },
  {
    cognome: "Bass",
    nome: "Wooten",
    citta: "Sandston"
  },
  {
    cognome: "Morgan",
    nome: "Terri",
    citta: "Seymour"
  },
  {
    cognome: "Fitzpatrick",
    nome: "Erna",
    citta: "Bowmansville"
  },
  {
    cognome: "Schultz",
    nome: "Elaine",
    citta: "Yonah"
  },
  {
    cognome: "Cash",
    nome: "Doris",
    citta: "Tivoli"
  },
  {
    cognome: "Doyle",
    nome: "Isabella",
    citta: "Camptown"
  },
  {
    cognome: "Gillespie",
    nome: "Carter",
    citta: "Choctaw"
  },
  {
    cognome: "Clayton",
    nome: "Valenzuela",
    citta: "Weedville"
  },
  {
    cognome: "Gates",
    nome: "Villarreal",
    citta: "Brecon"
  },
  {
    cognome: "Henderson",
    nome: "Moore",
    citta: "Bawcomville"
  },
  {
    cognome: "Nolan",
    nome: "Higgins",
    citta: "Coldiron"
  },
  {
    cognome: "Ayala",
    nome: "Louise",
    citta: "Sims"
  },
  {
    cognome: "Hyde",
    nome: "Charity",
    citta: "Ebro"
  },
  {
    cognome: "Love",
    nome: "Shannon",
    citta: "Gibsonia"
  },
  {
    cognome: "Pace",
    nome: "Parker",
    citta: "Woodlake"
  },
  {
    cognome: "Owens",
    nome: "Nell",
    citta: "Stockdale"
  },
  {
    cognome: "Dixon",
    nome: "Cain",
    citta: "Orason"
  },
  {
    cognome: "Moss",
    nome: "Salazar",
    citta: "Thynedale"
  },
  {
    cognome: "Villarreal",
    nome: "Chasity",
    citta: "Fulford"
  },
  {
    cognome: "Frye",
    nome: "Mills",
    citta: "Bedias"
  },
  {
    cognome: "Paul",
    nome: "Amie",
    citta: "Homestead"
  },
  {
    cognome: "Mills",
    nome: "Sue",
    citta: "Knowlton"
  },
  {
    cognome: "Conner",
    nome: "Hogan",
    citta: "Summertown"
  },
  {
    cognome: "Puckett",
    nome: "Sheena",
    citta: "Wright"
  },
  {
    cognome: "Walters",
    nome: "Kaitlin",
    citta: "Juntura"
  },
  {
    cognome: "Lawson",
    nome: "Lidia",
    citta: "Convent"
  },
  {
    cognome: "Barry",
    nome: "Hayden",
    citta: "Coventry"
  },
  {
    cognome: "Pugh",
    nome: "Cleveland",
    citta: "Tyro"
  },
  {
    cognome: "Blevins",
    nome: "Gabrielle",
    citta: "Allamuchy"
  },
  {
    cognome: "Townsend",
    nome: "Myrna",
    citta: "Weeksville"
  },
  {
    cognome: "Whitfield",
    nome: "Ellis",
    citta: "Waterview"
  },
  {
    cognome: "Blackburn",
    nome: "Frederick",
    citta: "Rew"
  },
  {
    cognome: "Mason",
    nome: "Chavez",
    citta: "Goodville"
  },
  {
    cognome: "Powers",
    nome: "Deann",
    citta: "Glenshaw"
  },
  {
    cognome: "Cummings",
    nome: "Katie",
    citta: "Freelandville"
  },
  {
    cognome: "Parks",
    nome: "Latonya",
    citta: "Linwood"
  },
  {
    cognome: "Cardenas",
    nome: "Gail",
    citta: "Bennett"
  },
  {
    cognome: "Fleming",
    nome: "Pacheco",
    citta: "Echo"
  },
  {
    cognome: "Brooks",
    nome: "Elvia",
    citta: "Juarez"
  },
  {
    cognome: "Sherman",
    nome: "Jeanne",
    citta: "Hoehne"
  },
  {
    cognome: "Davenport",
    nome: "Morales",
    citta: "Smock"
  },
  {
    cognome: "Guzman",
    nome: "Andrews",
    citta: "Dunnavant"
  },
  {
    cognome: "Crawford",
    nome: "Josefina",
    citta: "Wintersburg"
  },
  {
    cognome: "Hall",
    nome: "Hardy",
    citta: "Beechmont"
  },
  {
    cognome: "Irwin",
    nome: "Collier",
    citta: "Brambleton"
  },
  {
    cognome: "Kent",
    nome: "Camacho",
    citta: "Ogema"
  },
  {
    cognome: "Justice",
    nome: "Stephanie",
    citta: "Shawmut"
  },
  {
    cognome: "Kelly",
    nome: "Bobbi",
    citta: "Kempton"
  },
  {
    cognome: "Martinez",
    nome: "Shirley",
    citta: "Worton"
  },
  {
    cognome: "Newton",
    nome: "Dejesus",
    citta: "Newry"
  },
  {
    cognome: "Roy",
    nome: "Goff",
    citta: "Bascom"
  },
  {
    cognome: "Rojas",
    nome: "Blake",
    citta: "Bowie"
  },
  {
    cognome: "Robbins",
    nome: "Jodie",
    citta: "Englevale"
  },
  {
    cognome: "Snow",
    nome: "Kelsey",
    citta: "Taft"
  },
  {
    cognome: "Spencer",
    nome: "Sara",
    citta: "Loretto"
  },
  {
    cognome: "Madden",
    nome: "Patterson",
    citta: "Dodge"
  },
  {
    cognome: "Ayers",
    nome: "Pam",
    citta: "Richmond"
  },
  {
    cognome: "Huber",
    nome: "Helen",
    citta: "Trinway"
  },
  {
    cognome: "Shields",
    nome: "Ericka",
    citta: "Geyserville"
  },
  {
    cognome: "Hardy",
    nome: "Bond",
    citta: "Eden"
  },
  {
    cognome: "Blair",
    nome: "Savannah",
    citta: "Witmer"
  },
  {
    cognome: "Klein",
    nome: "Faulkner",
    citta: "Cataract"
  },
  {
    cognome: "Williamson",
    nome: "Tricia",
    citta: "Cutter"
  },
  {
    cognome: "Maldonado",
    nome: "Casey",
    citta: "Ronco"
  },
  {
    cognome: "Benson",
    nome: "Gillespie",
    citta: "Day"
  },
  {
    cognome: "Ellison",
    nome: "Ruth",
    citta: "Deercroft"
  },
  {
    cognome: "Wilson",
    nome: "Essie",
    citta: "Russellville"
  },
  {
    cognome: "Booth",
    nome: "Hillary",
    citta: "Lydia"
  },
  {
    cognome: "Delacruz",
    nome: "Serena",
    citta: "Innsbrook"
  },
  {
    cognome: "Chambers",
    nome: "Lila",
    citta: "Torboy"
  },
  {
    cognome: "Terrell",
    nome: "Hays",
    citta: "Alderpoint"
  },
  {
    cognome: "Charles",
    nome: "Candice",
    citta: "Herald"
  },
  {
    cognome: "Berger",
    nome: "Mcknight",
    citta: "Salunga"
  },
  {
    cognome: "Burgess",
    nome: "Grace",
    citta: "Conestoga"
  },
  {
    cognome: "Park",
    nome: "Jones",
    citta: "Berwind"
  },
  {
    cognome: "Elliott",
    nome: "Atkinson",
    citta: "Kieler"
  },
  {
    cognome: "Warren",
    nome: "Spears",
    citta: "Jardine"
  },
  {
    cognome: "Quinn",
    nome: "Park",
    citta: "Roulette"
  },
  {
    cognome: "Cooper",
    nome: "Boone",
    citta: "Independence"
  },
  {
    cognome: "Farrell",
    nome: "Lilly",
    citta: "Cobbtown"
  },
  {
    cognome: "Obrien",
    nome: "Lorene",
    citta: "Manitou"
  },
  {
    cognome: "Zimmerman",
    nome: "Ross",
    citta: "Salvo"
  },
  {
    cognome: "Gaines",
    nome: "Vivian",
    citta: "Hartsville/Hartley"
  },
  {
    cognome: "Wong",
    nome: "Kelli",
    citta: "Sterling"
  },
  {
    cognome: "Bell",
    nome: "Jeanette",
    citta: "Ruffin"
  },
  {
    cognome: "Carver",
    nome: "Melendez",
    citta: "Marenisco"
  },
  {
    cognome: "Price",
    nome: "Holden",
    citta: "Laurelton"
  },
  {
    cognome: "Gamble",
    nome: "Hancock",
    citta: "Guthrie"
  },
  {
    cognome: "Tran",
    nome: "Darlene",
    citta: "Bynum"
  },
  {
    cognome: "Knight",
    nome: "Holloway",
    citta: "Coyote"
  },
  {
    cognome: "Hines",
    nome: "Becker",
    citta: "Sidman"
  },
  {
    cognome: "Summers",
    nome: "Jeanie",
    citta: "Mathews"
  },
  {
    cognome: "Mccarthy",
    nome: "Norma",
    citta: "Mayfair"
  },
  {
    cognome: "Mann",
    nome: "Gracie",
    citta: "Sparkill"
  },
  {
    cognome: "Frazier",
    nome: "Lupe",
    citta: "Watchtower"
  },
  {
    cognome: "Bernard",
    nome: "Page",
    citta: "Avalon"
  },
  {
    cognome: "Orr",
    nome: "Guzman",
    citta: "Dawn"
  },
  {
    cognome: "Collier",
    nome: "Karen",
    citta: "Brooktrails"
  },
  {
    cognome: "Noel",
    nome: "Donaldson",
    citta: "Nettie"
  },
  {
    cognome: "Andrews",
    nome: "Johnnie",
    citta: "Glasgow"
  },
  {
    cognome: "Hale",
    nome: "Nadine",
    citta: "Ticonderoga"
  },
  {
    cognome: "Morrow",
    nome: "Workman",
    citta: "Brutus"
  },
  {
    cognome: "Barker",
    nome: "Mollie",
    citta: "Waukeenah"
  }
];

//Avvia la storia
init();

              
            
!
999px

Console