ozzzi

Для определения соседнего элемента используйте: previousSibling / nextSibling. Или через родителей/потомков.

В итоге как-то так:

var input = document.querySelectorAll('input');
for(var i = 0;i < input.length; i++){
	input[i].addEventListener('input',function(e){result(e, this.value)},false);
}
function result(e, value){
   inner = e.target.previousSibling;
   inner.innerText = value;
}

В unicode символ может быть представлен в виде одного или двух символов в зависимости от вида нормализации: habrahabr.ru/post/45489

Можете попробовать использовать метод normalize():
'ё'.normalize('NFC').length == 1 - true

тогда как

'ё'.normalize('NFD').length == 2 - true