JSFiddle - React, Tailwind, and code Playground
HTML
<div>
<input type="text" class="restrict" />
</div>
<div id="result"></div>
JavaScript
$(function () {
var timer = 0;
var sensor_word = ['adult', 'porn', 'sex'];
var sensor_replace = ['ad***', 'po**', 'se*'];
$('.restrict').on('keyup', function () {
clearTimeout(timer);
var new_value = this.value;
var new_sensor = $('.restrict').val();
$.each(sensor_word, function (idx, word) {
new_sensor = new_sensor.replace(word, '***');
});
timer = setTimeout(function () {
$('#result').text(new_sensor);
}, 0);
});
$('.restrict').on('keydown', function () {
clearTimeout(timer);
});
});