Telegram web-app, tilda передача данных
Делаю веб-апп для телеграм-бота на тильде, необходимо после заказа товара передавать данные в вебхук(реализовал) вместе со скрытым полем, в котором содержится информация о userid из Телеграма. Не силен в html, помогите подставить значение в переменную, пожалуйста.
<body>
<div id="usercard"> Ваш профиль: <!--Карта профиля, человека, который к нам обратился-->
</div>
</body>
<script>
let tg = window.Telegram.WebApp; //получаем объект webapp телеграма
let usercard = document.getElementById("usercard"); //получаем блок usercard
let profName = document.createElement('p'); //создаем параграф
profName.innerText = `${tg.initDataUnsafe.user.first_name}
${tg.initDataUnsafe.user.last_name}
${tg.initDataUnsafe.user.username}`;
//выдем имя, "фамилию", через тире username
usercard.appendChild(profName); //добавляем
let userid = document.createElement('p'); //создаем еще параграф
userid.innerText = `${tg.initDataUnsafe.user.id}`; //показываем user_id
usercard.appendChild(userid);
$(function () { //создаем скрытое поле
$("form").each(function () {
$(this).append("<input type="hidden" name="userid" value="значение">"); //вот тут не понимаю, как подставить в value значение userid
});
});
</script>