JSFiddle - React, Tailwind, and code Playground

HTML

<textarea id="t1" rows="10" cols="45"></textarea>
<br>
<textarea id="t2" rows="10" cols="45"></textarea>

JavaScript

t1.oninput=function() {
  t2.value=atbash(t1.value);
}

t2.oninput=function() {
  t1.value=atbash(t2.value);
}

function atbash(a) {
  var s='';
  var str1="абвгдеёжзийклмнопрстуфхцчшщъыьэюя";
  var str2="abcdefghijklmnopqrstuvwxyz";
  var str3="1234567890";
  for (var i=0; i<a.length; i++) {
    var si=a[i];
    si=atba(str1, si);
    si=atba(str1.toUpperCase(), si);
    si=atba(str2, si);
    si=atba(str2.toUpperCase(), si);
    si=atba(str3, si);
    s+=si;
  }
  return s;

  function atba(str, b) {
    var stri=str.indexOf(b);
    if (~stri) return str[str.length-1-stri];
    return b;
  }

}