как загрузить value в input_е своим значением

var my_vid_name; 
$('body').click(function(event) { 
  if ($(event.target).hasClass("kino")) { 
    my_vid_name = $(event.target).text(); 
    document.getElementById("vid_name").value = my_vid_name; 
  } 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<input id="vid_name" type="text" value="" /> 
<div class="kino">Bloodsport</div> 
<div class="kino">My Fair Lady</div>

$('body').click((e) => { 
  if ($(e.target).hasClass('text')) { 
    $('#foo').val($(e.target).text()); 
  } 
});

.text { 
  cursor: pointer; 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<input id="foo" type="text" /> 
<p class="text">text 1</p> 
<p class="text">text 2</p> 
<p class="text">text 3</p>

document.body.addEventListener('click', (e) => { 
  if (e.target.classList.contains('text')) { 
    document.getElementById('foo').value = e.target.textContent; 
  } 
});

.text { 
  cursor: pointer; 
}

<input id="foo" type="text" /> 
<p class="text">text 1</p> 
<p class="text">text 2</p> 
<p class="text">text 3</p>