Looping through Array and adding html contents

Hello folks
I am a advance beginner in javascript. I am trying to incorporate dom methods and array methods. My biggest problem that I am having so far is how loop through an array and html element like button to each of the items in the array. Does anyone have a better method. This is what I have tried to do:


let Array = ['ken', 'ben', 'dave'];
for (let i = 0; i <Array.length; i++){
	let greeting = Array[i]+=' <button type = button></button>';
	document.body.append(greeting);
	
}
and this:

let Array = ['ken', 'ben', 'dave'];
 for(let i = 0; i < Array.length; i++){
	 let newBtn = document.createElement('button');
	 let newNode = document.createTextNode('submit')
	 newBtn.appendChild(newNode);
	 let newResult = Array[i] += newBtn;
	 document.body.append(newResult);
 }