World building: Random name generator

index.html

<div class="container">
  <div class="row justify-content-center pt-5 pb-3">
    <h1>Fictional country name Generator</h1>
  </div>
</div>
<div class="container" id="app">
  <div class="row">
    <div class="form-group col-12">
      <label for="country">Country</label>
    <select id="country" class="form-control" v-model="country">
      <option selected value="riparians">Ripatria: Male names {{data.riparians.males}} - Female names- {{data.riparians.females}} - Surnames {{data.riparians.surnames}} </option>
      <option value="maxxilens">Maxxiland:  Male names {{data.maxxilens.males}} - Female names- {{data.maxxilens.females}} - Surnames {{data.maxxilens.surnames}}</option>
    </select>
    </div>
  </div>
  <div class="row">
    <div class="form-group col-4">
      <label for="one">Males</label>
      <input type="radio" id="one" value="males" v-model="MorF">
      <label for="two">Females</label>
      <input type="radio" id="two" value="females" v-model="MorF">
    </div>
    <div class="form-group col-8">
      <label for="number">How many full names will generate</label>
      <input id="number"type="number" v-model="number" step="5">
    </div>
 </div>
   <div class="row">
    <div class="form-group col-6">
      <button class="btn btn-primary" v-on:click="randname">Get names</button>
   </div>
  </div>
  <div class="container">
    <ul class="list-group">
      <li class="list-group-item" v-for="(name, index) in names">
        {{index+1}} - {{ name }}
      </li>
    </ul>   
  </div>

</div>

script.js

var theGrandList ={
  riparians : {males: "Marchos Eduard Antonio Steban Hernan Ischander Jon Joan Jord Ruy Daniel Vichtor Charlos Matheos Alonso Saul Michel Santiago Samuel David Luchas Martin Leo Icher Domingo Alfonso Jordi Chasius Lusio Asipiter Valentin Achiles Aetius Macsimo Longinos Hanibal Hamilchar Ferrus Valerian Magnus Maurithius Athanasius Rafael Nicholas Adam Nathaniel Eustachios Publio Roger Enrich Sebastian Martes Hechtor Felip Thomas Mathias Marsel Julian Jordan Horasius Alvaro Luis Said Nadir Aryan Istvan Michaal Calid Atila Zahin Azar Ali Chalil Isaia Ismail Jusef Obadia Ezra Jona Azov Bartolome Ezechia Elia Jorc Saul Estefano Andreas Cesar Andrea Enzo Anthonio Matheo Pethro Leto Balto Bruno Lorenzo Julio Angelo Dominico March Charl Franz Carles Erich Viliam Roderich Serhius Ivan Albert Leandros Gustav Antonious Christof Chonrad Sigismond Thor Thyr Heimdal Jeralt Arthur Machsimilian Ignasius Adalbert Edelmir Uther Leopold Gaunter Roland Johanes Sibrand Siggurd Thadeus Isidor Bernard Manfred Haralt Otto Olaf Alarich Armand Fernand Roman Ramir Hugh Josef Andrei Andre Vladimir Vlad Jetro Jan Sigard Igor Gregori Chasimir Nicholas Oleg Pavel Fiodor Chonstantin Dominich Alechsandr Chiril Lev Boris Leman Jean Michael Aiden Saemd Lorenz Christofer Haitham Brendan Breogan Alister Jaches Stefan Jerald Sevan Sheridan Morgan Alfons Antonius Patrich Jonas Geralt Vernon Silas Aster Ferdinand".split(" "), females:"Ana Lusia Pilar Martina Paula Sofia Stefania Daniela Alba Emma Valentina Marta Irene Vega Alma Lara Altheia Solaris Beatriz Junia Flavia Luchresia Electra Martha Linda Isabel Irene Bethani Charol Cery Helena Beatrix Catherin Rebecha Micelle Charolin Julia Elvira Nina Luz Christina Victoria Sorel Victoria Natalia Helene Silvia Amelia Ava Lorena Chamila Ambar Lea Sinthia Valeria Maria Abril Ava Miranda Charla Elissea Mariana Minerva Daniela Valery Gabriela Chorina Laura Felisia Diana Haide Chonstanza Madalena Charmen Alina Sabrina Americha Lilia Selina Silvia Jesicha Avila Nur Zuraya Miriam Siri Noa Sara Mia Ainara Roza Chira Amber Fatima Jamila Charime Layla Chamil Hanna Zara Mariam Samira Vita Vera Veronicha Monicha Regina Emilia Rafaella Viola Lena Oriana Aurora Angelica Alessia Serena Chaterina Stella Faith Ingrid Cleyr Elizabeth Aslaug Lyanna Chaterin Lidia Brianna Tatiana Lyara Antoniet Genev Ericha Freia Stella Violet Siv Ingrid Cheira Ilia Miroslava Iris Joana Astrid Rozen Anastasiya Anya Anna Victorya Juri Nathalya Glorya Tsiomara Tatyana Juliana Irina Nadesha Jenefer Asia Larisa Lilya Ochsanna Sofia Tanya Angelina Charina Chatia Chatiuscha Nadya Rochsana Nichita Sasha Natasha Loren Marion Harmoniya Alexa Theresa Morrigan Mildred Triana Aines Chonstans Andree Chira Beata Mila Anais Agnes Anezcha Mersia Orian Marlene Vivien Lorelei Lea".split(" "), surnames: "Chorvinus Serris Veracruzis Machedon Matamors Matarabs Rivias Aurelian Auror Gonzalez Vilaarcha Veranum Villes Provisia Petres Trastamara Tarracho Vinsent Sivit Nertesta Lusmallea Lanchara Monserrat Lezus Losad Charabayo Borgia Lindehomen Serberus Sud Sants Salazar Davidez Chustos Charol Maiordom Rendon Rubersilv Reches Cherchus Ferrer Florens Torcemad Palatin Echlesias Cavalier Pizarrus Gayego Davila Alvez Braganza Valeira Chortez Bahamonde Solar Segovia Benchomo Lozada Severian Joachimez Borbon Velez Francho Ruiz Lumens Chandelar Vivas Olivar Serra Verachruz Torchemad Agilar Malacha Avila Lara Valenza Aranda Loyola Valdivia Fontem Assis Marchez Bravo Delgado Marinus Jaen Sid Saleh Almeida Lahsen Nazer Atwan Jalifa Saadi Zaid Carif Mazaref Belalchazar Alhamar Alchala Alchantar Charim Galadi Hispan Toledo Santangel Mudarr Mendez Mendoz Morell Ryid Carvel Charbos Alahadez Lansez Hamra Athan Jalile Zulfichar Aschalante Alam Atala Zalachet Almasia Galvez Maraver Salas Toledo Catalud Romero Ferraro Chosta Lombardo Fontana Characiola Cholombus Salvatore Teban Vita Auditor Ventura Vilaro Benavides Achinas Urbani Romano Ferrara Marino Verona Sinatra Allegro Vega Fortunato Sartor Savona Tarantino Terranova Vinci Martin Chroft Charver Hachet Shepard Polach Egica Hildebaz Alaric Geilar Garibald Asimov Garret Hunter Hamburg Hildegard Habsburg Huneric Isidor Ulrich Humbold Huttenem Franz Manrich Strass Charolus Svartz Irhmhild Verra Ravage Rotterisc Fyord Cheies Berengar Caval Davenport Adler Rovira Alborn Varo Bailey Merovin Fuller Brunnes Triumf Ports Payne Stroshomen Montvert Haggen Epischop Charvel Saavedra Montcharl Adalfons Bruns Althaus Blum Hildebran Churtz Lenz Bard Marchson Charlson Erichson Gustavson Utherson Janson Johanson Chranz Velaschov Opricinich Voronet Chrasnov Marchov Petrencho Chrasnovic Russ Rozenchova Voronov Rurich Nevscy Everech Zaitzev Ivanov Petrov Socholov Smirnov Chusnetzov Vasilev Lebedev Volchov Orlov Gatov Stalen Gradov Fedorov Cernov Bogdan Isidorov Stephanov Michailov Levin Moschva Spechter Chonstantinov Andrev Lup Vasilei Ayala Marecalery Divin Cevalier Breogan Alessez Sanch Giniver Sanz Oriol Candes Ginivere Bourgogn Molinauchs Molineler Roldan Abhain Roher Riviere Lechler Elveher Pendragon Chastell Blanshart Soler Martell Bover Agramunt Ginovart Lorrain Grau Rosell Alfons Rivia".split(" ")},
  maxxilens : {males: "Richard Marcos Jeffrey Raphael Jack Mark Carl Adolph Ryan Mathias Gavin Lance Rodrick Antoine Shelby Clifford Francis Edwardo Gerry Stephan Gayle Jose Tadeus Taylor Edgar Aaron Bernard Alexander Cornelius Edward Ivan John Matthew Cory Randall Terry Herman Russ Micheal Odis Flack Leon Samuel Charles Isaac Lloyd Freud Thomas Michael Nicolas Joseph Frank Vladimir Julious Marcus Karl Nikolaus Arturis Nicolas Brian Mortimer Tobias Humphrey Harry Pennington Reginald Danforth Carston Nigel Hamilton Edmund George Hugh Henry James Jonathan Ethelbert Malcolm Percy Aiden Alfred Billy Callum Cody Cole Connor Evan Finlay Grays Hunter Joan Jac Jamie Jason Jaxson Joel Joey Jonah Kayden Kevin Layton Leonard Lincoln Macsen Maximilian Maxwell Milo Morgan Nathaniel Nichol Oakley Owen Patrick Ralph Raphael Rex Rhys Rowan Rup Seth Sonny Spencer Tobias Zac".split(" "), females:"Taylor Corey Heily Miranda María Julia Alison Nicole Blake Julia Alicia Fernanda Andrea Joeann Georgina Isabell Eloise Megan Madelyn Macie Clarence Stephanie Taylor Vivien Catherina Alison Florida Maribel Lisbeth Arturia Catherine Cordelia Prudence Elizabeth Clarissa Diana Nicole Elspeth Judith Octavia Gillian Camilla Frances Felicity Jane Julietta Elspeth Mary Jocelyn Jayne Evelyn Fiona Henrietta Alexa Spencer Aaliyah Abby Aimee Alexandra Alice Amber Amelia Anna Bethany Brooke Caitlin Cerys Charlie Charlotte Chelsea Chloe Courtney Daisy Danielle Eleanor Elizabeth Eloise Emily Emma Erin Eve Evie Francesca Freya Georgia Georgina Grace Hannah Harriet Hollie Holly Imogen Isabel Isabella Isobel Jade Jasmine Jennifer Jessica Jodie Kate Katherine Katie Lara Laura Lauren Leah Libby Lily Louise Lucy Lydia Madeleine Madison Maisie Megan Melissa Molly Morgan Naomi Natasha Nicole Olivia Paige Phoebe Poppy Rachel Rebecca Rosie Ruby Samantha Sarah Shannon Sophie Summer Tegan Yasmin Zara Zoe Maria Victoria".split(" "), surnames: "Clayton Organa Smith Polanski McCarter Cuadros Castro Díaz Hamill McFalle Coco Neubauer Lavelle Perrot McQuade Montroy Schantz Oilfield Shaw Mccloy Lawver Goding Kinder Hiney Belmont Johansen Adan Lazo Luckow Imes Finkbeiner Bruemmer Wiemer Starling Cobbley Proudmore Martínez Smith Abbot Adamson Abel Chadwick Abrahams Colbert Fletcher Cook Garrett Marshall Mercer Nixon Nowell Shaw Barre Vannorman Jones Neyman Hodgson Monette Newquist Hartman Carmack Onofrio Haire Wunderlich Carley Chips Hatman Temples Raynott Woodbead Nithercott Rummage Southwark Harred Jarsdel Cohen Ashworth Sutcliffe Clegg Butterworth Crowther Kershaw Brook Greenwood Haigh Pratt Nuttal Ingham Oghen Smith Johnson Williams Jones Brown Davis Miller Wilson Moor Taylor Anderson Thomas Jackson White Harris Martin Thompson Garcia Martinez Robinson Clark Rodriguez Lewis Lee Walker Hall Allen Young Hernandez King Wright Lopez Hill Scott Green Adams Baker Gonzalez Nelson Carter Mitchell Perez Roberts Turner Phillips Campbell Parker Evans Edwards Collins Stewart Sanchez Morris Rogers Reed Cook Morgan Bell Murphy Bailey Rivera Cooper Richardson Cox Howard Ward Torres Peterson Gray Ramirez James Watson Brooks Kelly Sanders Price Bennett Wood Barnes Ross Henderson Coleman Jenkins Perry Powell Long Patterson Hughes Flores Washington Butler Simmons Foster Gonzales Bryant Russell Griffin Hayes".split(" ")}
}
//console.log(theGrandList.riparians.males.length+" "+theGrandList.riparians.surnames[0]);

var app = new Vue({
  el: '#app',
  data: {
    names: [],
    country:"riparians",
    number:10,
    MorF:"males",
    data: {
      riparians: {males:theGrandList.riparians.males.length, females:theGrandList.riparians.females.length,
                 surnames:theGrandList.riparians.surnames.length},
      maxxilens: {males:theGrandList.maxxilens.males.length, females:theGrandList.maxxilens.females.length,
                 surnames:theGrandList.maxxilens.surnames.length},
    }
  },
  methods: {
    randname: function(event) {
      this.names= [];
      for(var i=0; i < this.number; i++){
        var name = Math.floor((Math.random() * theGrandList[this.country][this.MorF].length) + 1);
        var surname = Math.floor((Math.random() * theGrandList[this.country].surnames.length) + 1);
        this.names.push(theGrandList[this.country][this.MorF][name]+" "+theGrandList[this.country].surnames[surname])
      }
    } 
  }
})

 /*      riparians: {
         males:theGrandList.riparians.males.length,
         females:theGrandList.riparians.females.length,
         surnames:theGrandList.riparians.surnames.length
       },
    }
    */

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.min.js"></script>

styles

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta.2/css/bootstrap.css" rel="stylesheet" />

world-building-random-name-generator.markdown

World building: Random name generator

A Pen by Samuel Rivera on CodePen.

License.