JSFiddle - React, Tailwind, and code Playground

by Sergei Sokolov

HTML

<span>Йо</span>ндекс
<input type="text" id="search">
<div>Потеряется всё. Например, <a href="#" id="e-example">шар металлический</a></div>

CSS

body{font-family:Tahoma,Arial,sans-serif}
span{color:red}div{font-size:9pt}

JavaScript

/**
 * для вопроса https://toster.ru/q/456226
 * Как сделать подстановку текста в инпут по клику?
 */
document
  .getElementById('e-example')
  .addEventListener('click', function(){
    document.getElementById('search').value = this.innerText;
  });