JSFiddle - React, Tailwind, and code Playground

HTML

<input type='text' id='target'>

JavaScript

document.getElementById("target").addEventListener('input', function() { 
	var tmp = document.getElementById("target").value; 
	var arrReplace = ['a', 'b', 'c', 'd', 'e']; 
  
		for (var i = 0; i < arrReplace.length; i++) { 
		tmp = tmp.split( arrReplace[i]).join(''); 
	} 

	document.getElementById("target").value = tmp; 
});

//Вот допустим, я ввожу 'a', событие отслеживается, в переменную tmp запоминатеся 
//введённое значение.

//Потом в цикле, перебирается в заранее сделанный массив
// и введённое значение разбивается на массив, в котором значение будет из массива //arrReplace и из всего этого получается строка.
//Я этого момента не понял.