вот он
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;
}
});
}
в общем, кнопку с текстом "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');
}
});
Но с заглавными буквами пока не выходит. Есть набросок кода, но он делает заглавной каждую первую букву каждого введенного слова. а это не совсем то, что мне нужно.
вот самый верхний скрипт выводит значение '3 промежуток'.... то есть, как я понимаю, он сравнивает входящую дату '20-08' и вставляет ее как-то в этот третий промежуток. и это значение выводится в браузере, в консоли.
А второй скрипт, по логике вещей, должен тоже сравнить входящую дату и вывести значение, соответствующее ей, то есть 'Рак. но он выводит в консоли undefined вместо всего этого. и мне интересно, почему. ведь, по сути, скрипты одинаковые...
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;
}
});
}