замена объектов в div

[oleg555ja]

есть массив.
с помощью цикла я вывожу массив в div оборачивая каждый элемент в html теги и тут проблема
выводится только один элемент ,последний.
HTML5Выделить код
1
<div id="er">бла бла бла</div>
JavascriptВыделить код

var cs=['синий','красный','зеленый','оранже вый','фиолетовый','розовый','бардов ый','белый','голубой'];
var css=['белый8','красный6','зеленыйз','ора нжевый5','фиолетовый7','розовый6',' бардовый6','голубой4','синий2'];

let elkm= document.getElementById('er');

function zagolov_php() {
var i=1;
for(var cs1 of cs){
elkm.innerHTML=('<button class="vv" onclick="mass'+l+'()">'+cs1+'</button><br>');
i++;
}
}

function zagolov_js(){
var j=0;

for(var cs2 of css){
elkm.innerHTML=('<button class="vvv" onclick="masss'+j+'()">'+cs2+'</button><br>');
j++;

}
}
можно конечно сделать так

elkm.innerHTML+=('<button class="vv" onclick="mass'+i+'()">'+cs1+'</button><br>');

выведет весь массив но , сколько раз кликнешь функцию,столько раз она выведет массив .
а мне надо чтобы в зависимости от нажатой кнопки менялся массив ,а не заполнялась страница .