JSFiddle - React, Tailwind, and code Playground

HTML

<body>

<input type="text" id="input1" name="input1">
<input type="text" id="input2" name="input2">
<input type="text" id="input3" name="input3">
<textarea id="tar1" name="tar1" rows="9"></textarea>
<input type="button" id="some" value="Push me hard" />
</body>

CSS

4

JavaScript

$(document).ready(function(){
// тут мы просто привязываем событие нажатия на кнопку и функцию myFunction
	$("#some").click(function (){myFunction()});
});
/* заметь - функция объявлена вне блока document.ready т.е. она выше по области видимости, чем то, что внутри ready. И поэтому она доступна для вызова в триггере click()*/
function myFunction(){
  var name = $("#input1").val(); // тут поменялось на #input т.к. # означает поиск по id 
  var cost = $("#input2").val();
  var comment = $("#input3").val();
  var tmp = "site.ru/?x"+name+"&z="+cost+"&y="+comment;
  var result = encodeURI(tmp);
  $("textarea#tar1").html(result);
  console.log(result);
}