lolo

lllll

by leokaj

HTML

<button class="get-rnd-sentence">Show random sentence</button>

<br>

<div class="parts random-adjective"></div>&nbsp;<div class="parts random-noun"></div>&nbsp;<div class="parts random-context"></div>&nbsp;<div class="parts random-verb"></div>&nbsp;<div class="parts random-adjective"></div>&nbsp;<div class="parts random-noun"></div>

CSS

.parts {
  display: inline-block;
  float: left;
}

JavaScript

var adjective = [
    'an amazing ',
    'a luxurious ',
    'a crazy ',
    'an imaginary ',
    'a fun ',
    ],
    //the current adjectives length
    maxAdjective = adjective.length;

var noun = [
    'alligator ',
    'elevator ',
    'rabit ',
    'sun ',
    'mug ',
    ],
    //the current nouns length
    maxNoun = noun.length;

var context = [
    'on a skateboard ',
    'on an island ',
    'on a quest ',
    'on a horse ',
    'in a club ',
    ],
    //the current context length
    maxContext = context.length;

var verb = [
    'eating ',
    'hitting on ',
    'screaming at ',
    'fishing with ',
    'playing video games with ',
    ],
    //the current verbs length
    maxVerb = verb.length;


//get and return a random adjectives from array
function getRandomAdjective() {
    //calculate a random index
    var rndIdx = Math.floor(Math.random()*(maxAdjective -1 ));
    //return the random adjective
    return adjective[rndIdx];
}

function getRandomNoun() {
    //calculate a random index
    var rndIdx = Math.floor(Math.random()*(maxNoun -1 ));
    //return the random noun
    return noun[rndIdx];
}

function getRandomContext() {
    //calculate a random index
    var rndIdx = Math.floor(Math.random()*(maxContext -1 ));
    //return the random context
    return context[rndIdx];
}

function getRandomVerb() {
    //calculate a random index
    var rndIdx = Math.floor(Math.random()*(maxVerb -1 ));
    //return the random verb
    return verb[rndIdx];
}

//show a random sentences in a DOM selector
function showRandomAdjective(selector){
  var randomAdjective = getRandomAdjective();
  $(selector).html(randomAdjective);
}

function showRandomNoun(selector){
  var randomNoun = getRandomNoun();
  $(selector).html(randomNoun);
}

function showRandomContext(selector){
  var randomContext = getRandomContext();
  $(selector).html(randomContext);
}

function showRandomVerb(selector){
  var randomVerb = getRandomVerb();
 ...