JSFiddle - React, Tailwind, and code Playground

HTML

<div class="team-1-mg">
   <input placeholder="شعار الفريق الاول" 
          style="direction: ltr;" 
          name="img1" 
          rows="5" 
          cols="50" wrap="virtual"
          id="target-input"/>
   <div id="target-text"></div> 
</div>

JavaScript

document.querySelector('#target-input')
        .addEventListener('keyup' ,function(){
            document.querySelector('#target-text')
                    .innerHTML = this.value;
        })