Как вывести текст в текстареа заглавными буквами?

Question

[coder56]

Eсть код:

let leftGroup = ['Tab','/','Caps Lock', 'Left Shift',','];
 for (let elem of leftGroup) {
	let button = document.createElement("button");
                       let text = document.createTextNode(elem);
                       button.appendChild(text);
                       left.appendChild(button);
                    }

Это группа кнопок для виртуальной кливиатуры.

И есть код, выводящий текст этих кнопок в текстареа:

let buttons = document.querySelectorAll('button');	
for(let button of buttons){	 
	button.addEventListener('click',function func(){
	textarea.value += this.textContent;
});
}

Нужно найти кнопку с текстом "Caps Lock" и по нажатию на нее вывести уже ЗАГЛАВНЫЕ буквы в текстареа. Как это сделать?

Есть некий набросок кода, но он не верен

let text = document.querySelectorAll('button[innerHTML]');
text.forEach(function(el){
	if(el.innerHTML.indexOf('Caps Lock')!== - 1){
		el.addEventListener('click', function func(){
		textarea.value +=  this.textContent.toUpperCase();
		});
	}
});

Comments

[Klein Maximus]

На что в Вышем коде ссылается this?

[coder56]

Klein Maximus, по идее, он должен был ссылаться на textContent элемента, на котором произошел клик....

[coder56]

в общем, кнопку с текстом "Caps Lock" получилось найти так
let elList = document.querySelectorAll('button');/* BackSpace*/
elList.forEach(function(el){
if(el.innerHTML.indexOf('BackSpace')!== - 1){
el.classList.add('backspace');
}
if(el.innerHTML.indexOf('Caps Lock')!== - 1){
el.classList.add('capslock');
}
if(el.innerHTML.indexOf('Space')!== - 1){
el.classList.add('space');
}
});
Но с заглавными буквами пока не выходит. Есть набросок кода, но он делает заглавной каждую первую букву каждого введенного слова. а это не совсем то, что мне нужно.

[coder56]

вот он
let capslock = document.getElementsByClassName('capslock');
for(let i = 0; i < capslock.length; i ++){
capslock[i].addEventListener('click', function(){
let str = textarea.value;
let arr = str.split(' ');
for(let i = 0; i < arr.length; i++){
arr[i] = arr[i].slice(0,1).toUpperCase() + arr[i].slice(1);
let result = arr.join(' ');
textarea.value = result;
}
});
}