<div class="paginazione">
<button class="pg" type="button" id="btn-pre" onClick="onBtnDietroClick()">< 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 ></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>
.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%;
}
//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();
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.