Сделайте так, чтобы при вводе во второй текстареа транслита текста, по потери фокуса этот текст преобразовывался в русский и выводился в первом текстареа.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>focusout</title>
</head>
<body>
<! -- Задача 4.1>
<textarea name="" cols="30" rows="10" id="one"></textarea>
<textarea name="" cols="30" rows="10" id="two"></textarea>
<script>
'use struck';
let oneTa = document.querySelector('#one');
let twoTa = document.querySelector('#two');
let arr = ['а', 'б', 'в', 'г', 'д', 'е', 'ё', 'ж', 'з', 'и', 'й', 'к', 'л', 'м', 'н', 'о', 'п', 'р', 'с', 'т', 'у', 'ф', 'х', 'ц', 'ч', 'ш', 'щ', 'ъ', 'ы', 'ь', 'э', 'ю', 'я'];
let arr2 = ['a', 'b', 'v', 'g', 'd', 'e', 'yo', 'zh', 'z', 'i', 'iy', 'k', 'l', 'm', 'n', 'o', 'p', 'r', 's', 't', 'u', 'f', 'kh', 'ts', 'ch', 'sh', "sh'", "'", 'y', "'", 'ye', 'yu', 'ya'];
let rus = [...arr, ...uppCase(arr)];
let eng = [...arr2, ...uppCase(arr2)];
oneTa.addEventListener('blur',()=>{
twoTa.value=translit(oneTa.value,'rus');
});
twoTa.addEventListener('blur',()=>{
oneTa.value=translit(twoTa.value,'eng');
});
function translit(str, lang) {
let newStr = '';
for (let i = 0; i < str.length; i++) {
if (lang == 'rus') {
if (str[i] != ' ') {
let ind = rus.indexOf(str[i]);
newStr += eng[ind];
} else {
newStr += str[i];
}
}
if (lang == 'eng') {
if (str[i] != ' ') {
let ind = eng.indexOf(str[i]);
newStr += rus[ind];
} else {
newStr += str[i];
}
}
}
return newStr;
}
function uppCase(arr) {
let mas = [];
for (let i = 0; i < arr.length; i++) {
mas[i] = arr[i].toUpperCase();
}
return mas;
}
</script>
</body>
</html>