JSFiddle - React, Tailwind, and code Playground

HTML

<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>

CSS

4

JavaScript

function myFunction() {
var name = $("input1").val();
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);
}