Multiple strings from single item in array

by lennyekberg

HTML

<!-- jquery -->
<script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'></script>  
    
<!-- läs in slumpscript och ord --> 
<script src="jquery/slumpordFork.js"></script>
<script src="jquery/alter_stylesheet.js"></script>
    
<!-- läs in css --> 
<!-- Färkodat 	<link rel="stylesheet" type="text/css" href="css/style.css">-->
<!-- Enfärgat	<link rel="stylesheet" type="text/css" href="css/clean.css">-->
<link href="css/style.css" rel="stylesheet" type="text/css" id="stl" />



<body>

<span style="position:fixed">
    <!--<button id="idd">Växla CSS</button>-->
    <button class="rndButton">Randomize</button>
</span>

<div class="limitwidth">
<br><br>
<h3>Sentences (works)</h3>


    Name <span class="foretagsnamn"></span><br>
    
    Work description <span class="foretagsbeskrivning"></span><br>
   
    Goal <span class="malsattning"></span><br>


</div>

    <br><hr><br>
        
<div>
    <h3>The question</h3>
    How do I make it possible to build a randomized Goal that depends on the Work description?<br><br>
    
    For example, if <span class="exforetagsnamn">Matt</span> <span class="exforetagsbeskrivning">is an ice cream vendor</span> – how can I make it <i>so that the Goal is relevant to that he (or she, name irrelevant in the equation) sells ice cream</i> and not to someone building hybrid cars, and vice versa.<br><br>   
    
    For example <span class="exforetagsnamn">Lisa</span> <span class="exforetagsbeskrivning">is an ice cream vendor</span>.
    <span class="exmalsattning">Lisa wants to serve a combination of cooling flavours</span>.
    <br><br>
    or <span class="exforetagsnamn">Ron</span> <span class="exforetagsbeskrivning">builds hybrid cars</span>.
    <span class="exmalsattning">The goal for Ron is to develop a car that can travel in the speed of light</span>.
    <br><br>
<div>
 




</html>

CSS

/*my bad for the horrific 1996-style color scheme...*/

@charset "UTF-8";
/* CSS Document */
body{
background-color:#e3e3e3;
color:#000;
line-height:140%;
font-size:1em;
font-family:Helvetica, Arial;
}

h3{
	color:#078;
}


.texttest{
	color:#F60;
	width:500px;
}

/*kontrollerade meningar som rullar fint*/
.foretagsnamn{
	color:#0CF;
}
.foretagsbeskrivning{
	color:#ca0;
}
.nuvarandepositionering{
	color:#0FC;
}
.malsattning{
	color:#3b6;
}
.malsattninggenomforande{
	color:#F36;
}

.malsattningresultat{
	color:#F00;
}

.usp{
	color:#CF3;
}

.prekarnvarde{
	color:#f95;
}

.karnvarde1,
.karnvarde2,
.karnvarde3{
	color:#caF;
}

.postkarnvarde{
	color:#f00;
}


.malgrupp{
	color:#FC6;
}

.malgrupppersona{
	color:#6C3;
}


.styrka{
	color:#F06;
}
	

.svaghet{
	color:#c5F;
}


/*meningar som behövs ses över*/
.random-sentence-ch0{
	color:#F63;
}

.exforetagsnamn{
	color:#0CF;
}

.exforetagsbeskrivning{
	color:#ca0;
}

.exmalsattning{
	color:#3b6;
}

JavaScript

/////////////////////////////
//   Foretagsnamn (Name)   //
/////////////////////////////
	var Foretagsnamn = [
    'Lisa',
    'Ann',
    'Matt',
    'Carl',
    'Sara',
	'Ron'
    ],
    //the current sentences length
    maxForetagsnamn = Foretagsnamn.length;
	  
// get and return a random sentences from array
function getRandomForetagsnamn() {
    //calculate a random index
    var rndIdxForetagsnamn = Math.floor(Math.random()*(maxForetagsnamn));
	//return the random sentence
    return Foretagsnamn[rndIdxForetagsnamn];                        
}

var randomName = getRandomForetagsnamn();

//show a random sentences in a DOM selector
function showRandomForetagsnamn(selector){
  var randomForetagsnamn = getRandomForetagsnamn(); 
  randomName = randomForetagsnamn;  
  $(selector).html(randomForetagsnamn);
}


///////////////////////////////////////////////////
//   Foretagsbeskrivning (Workdescription)   //
///////////////////////////////////////////////////


var Foretagsbeskrivning = [
    'is an ice cream vendor',
    'is a telemarketer',
	'builds hybrid cars'
	],
    //the current sentences length
    maxForetagsbeskrivning = Foretagsbeskrivning.length;  
	
//get and return a random sentences from array
function getRandomForetagsbeskrivning() {
    //calculate a random index
    var rndIdxForetagsbeskrivning = Math.floor(Math.random()*(maxForetagsbeskrivning));
    //return the random sentence
    return Foretagsbeskrivning[rndIdxForetagsbeskrivning];                        
}
	

//show a random sentences in a DOM selector
    //vad är en DOM selector, för alla taggar i html eller?
function showRandomForetagsbeskrivning(selector){
  var randomForetagsbeskrivning = getRandomForetagsbeskrivning();  
  $(selector).html(randomForetagsbeskrivning);
}


////////////////////////////
//   Målsättning (Goal)   //
////////////////////////////


var Malsattning = [
    '@@person@@ wants to serve a combination of cooling flavours', // aimed at ice cream vendor
    'The...