valora | painting by functions | Animation library

innerHTML is not a function, it's a property. So, in the loop use text.innerHTML += name

However, if it's a </code> element, then you need to use <code>value</code> property instead:</p> <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code"> <pre class="snippet-code-js lang-js prettyprint-override"><code>//this run the funtion that prints the names document.getElementById("elvenFemButton").onclick = namePrinter; document.getElementById("elvenFemButton2").onclick = namePrinter2; //cutting characters function function capFirst(string){ return string.charAt(10).toUpperCase() + string.slice(1); } //Randomizer function getRandomInt (min,max){ return Math.floor(Math.random() * (max-min)) + min; } //this function generates names using both "elfFemName" and "elfLastName" and the functions from above function generateName(){ var elfFemName1 = ["Adaia","Alisaie","Allisara","Alengwan","Alglaranna","Alachia","Alysia","Amberle","Anethra","Anwen","Apolline","Arathel","Ariane","Arianni","Ariel","Arwen","Ashalle","Ashniel","Atara","Ayara","Brelyna","Briala","Celebrían","Clothild","Cullich","Cylia","Dalish","Dirael","Eldyra","Elanor","Elenwen","Elezen","Ellia","Elynea","Éowyn","Failla","Faralda","Fleur","Freyalise","Galadriel","Gheyna","Jenassa","Katriel","Kira","Laina","Laniatte","Lauriel","Liallan","Liriel","Liselle","Loriel","Lorian","Lúthien","Máire","Mayael","Merril","Miara","Mihris","Minaeve","Nadja","Niranye","Nirya","Raewyn","Selveni","Sera","Shaera","Siofra","Taarie","Tauriel","Valora","Valya","Vanadis","Vanora","Velanna","Ylthin","Ysayle","Yvraine","Zelda"]; var elfLastName2 = ["Aearonian"," Agaraen","Agarher","Agarvran","Aire","Airendil","Amamion","Amdirthor","Amathal","Amather","Amathuilos","Amatheldir ","Amlugol","Aessereg","Aupwe","Calear","Caranagar","Cemno","Duindaer","Duirro","Eilianther","Gaer","Galadher","Gollor","Gulduron","Guldur","Guldurion","Hithaerben","Holiilo","Ingolmondur","Lar","Leucandil","Lanthir","Loeg","Lo","Lumorndaer","Morguldir","Morgulon","Naur","Neithaor","Nullion","Olchanar","Othanar","Olerydon","Ranchon","Rimdor","Rodor","Roher","Rhovanion","Rhovanion","Ruina","Russarocco","Sir","Sirdhemion","Tawaren","Tawarenion","Tawarher","Tordil","Uirchanar","Urendur","Urucher","Yr"]; var elfFemNameGenerator = capFirst(elfFemName1[getRandomInt(0, elfFemName1.length)]) + " " + capFirst(elfLastName2[getRandomInt(0,elfLastName2.length)]); return elfFemNameGenerator; } //i want this to get the result's from "generateName" and it should be a global value so i can use it in the next function var names = generateName(); var names2 = []; // this should print the name at least ten times but no function namePrinter(){ var text = document.getElementById("textArea"); text.value = ""; //clear previous result for (var i = 0; i < 10; i++) { text.value += names; } } function namePrinter2(){ var text = document.getElementById("textArea"); names2.length = 0; //clear array for (var i = 0; i < 10; i++) { names2[names2.length] = generateName(); } text.value = names2; }</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code><textarea id="textArea"> generate names generate different names

This however as you can see will print the same name 10 times, if you need generate 10 names and store them globally, than you'll need save them in the array instead.

P.S. Unrelated, but elfLastName2[getRandomInt(0,elfLastName2.length +2)] is wrong, you can't get value from an index that is larger than length of the array (aka +2 is wrong)