JSFiddle - React, Tailwind, and code Playground

by Олег

HTML

<form action="" method="post">
<input type="text" id="test">
</form>
 <div id="result"></div>


















































<div class="footer">
Помогу в решении любого вопроса js, css, html, svg, canvas, animation, php
Модули, комопненты под joomla, wordpress, opencart, modX, drupal, DLE, prestashop
Шрифты! Любые дополнительные символы к стандартным! Локализация к Вашему языку<br>Аккаунт на тостере <a href="https://toster.ru/user/politon">toster.ru/user/politon</a><br><span>E-mail: [email protected]</span><br><span>Skype: politon81</span>
</div>
<!--Любое решение вопросов
E-mail: [email protected]
js, css, html, svg, canvas, animation, php
Модули, комопненты под joomla, wordpress, opencart, modX, drupal, DLE, prestashop
Шрифты! Любые дополнительные символы к стандартным! Локализация к Вашему языку
E-mail: [email protected]
Skype: politon81
-->

CSS

/*Это не относится к Вашему коду*/
.footer{
  position:fixed;
  bottom:20px;
  right:20px;
  font-size:0.7em;
  background:#ff0;
}
.footer span{
  color:#f00;
  font-weight:bold;
}

JavaScript

var input = document.getElementById('test');
var result = document.getElementById('result');

input.onkeyup =  input.oncopy = input.onpaste = input.oncut = (function() {
    return function() {
        var mytest = this.value.substr(0,4);
        var count = this.value.length;
        
        if(count > 4){
             if(mytest == "TUR-"){
                 result.innerHTML = this.value;
                 }else{
                 result.innerHTML = "TUR-" + this.value.replace('-','');
                 }
             }
   }
})();