JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" value="Кликни сюда">
<div>
  <ul>
 <li id="qw">first</li>
 <li>second</li>
 <li>other</li>
 </ul>
</div>

CSS

div {
    display: none;
    background: silver;
    height: 200px;
    width: 200px;
}

JavaScript

$('input').focus(function(){
    $('div').show()
})
$('div ul li').click(function(e){
       
    $('input').val( $(this).text() )
    $('div').hide()        
})