title: How to use it for many inputs with the same tag
body: <p>I need this replacer to use it for many inputs with one selector. Now I use different selectors and same code with just selectors differ
  <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var en = "qwertyuiop[]asdfghjkl;'zxcvbnm,./`QWERTYUIOP{}ASDFGHJKL:\"ZXCVBNM&lt;&gt;?~&amp;";
  var ru = "йцукенгшщзхъфывапролджэячсмитьбю.ёЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮ,Ё?";
  var alphabet = {};
  
  for (var i = 0; i &lt; en.length; i++) {
    alphabet[en[i]] = ru[i];
  }
  
  var InputReciever = document.getElementById("InputReciever");
  InputReciever.addEventListener("input", function() {
    InputReciever.innerHTML = toRussianStr(this.value);
  });
  
  function toRussianStr(str) {
    return str.replace(/\S/g, function(match) {
      return alphabet[match] || match;
    });
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="form__option"&gt;
    &lt;input placeholder="Город получателя" id="InputReciever" onfocus="this.placeholder=''" onblur="this.placeholder='Город получателя'" onkeydown="InputReciever.value=toRussianStr(InputReciever.value)" onchange="InputReciever.value=toRussianStr(InputReciever.value)"
      type="text" class="InputReciever field" autocomplete="off" /&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>