JSFiddle - React, Tailwind, and code Playground

by dshilkret

HTML

<span onclick="generator(); return false;" >Generate</span>

<textarea id="brief" class="output" cols="30" rows="10"></textarea>

JavaScript

function generator() {
    
var First_item = ["big","small","medium"];
var Second_item = ["black","white","grey"];
var Third_item = ["Helvetica","Futura","DIN"];

function functionName(){
var output ="";
    
	// do something with each argument
	for(var i = 0; i < arguments.length; i++){
	
		var input = arguments[i];
	
		// replace underscore of input string with space to create description
		var description_of_object = input.replace(/_/g, ' ');
		
		// input is coming in as a string, needs to be converted back to object (which has been established elsewhere and has a value)
		var input_to_object = eval(input);
		
		// randomly select item from object (the object coming in is an array)
		var randomly_selected_item_from_object = input_to_object[Math.floor(Math.random()*input_to_object.length)];
		
		// put the description and randomly selected item together in a string
	 output += description_of_object + ": " + randomly_selected_item_from_object + ".\n";

	}
	// return it
		return output;
}

var brief = 
functionName("First_item", "Second_item", "Third_item");

document.getElementById("brief").value = brief;
}
//]]>