Виведення даних з текстового поля

by Сергій Куліков

HTML

Запрошую у мій Telegram канал, де я ділюся корисним: https://t.me/KulikovSerhiiChannel

<br><br>##########<br><br>










<style>
.linkToTgBot {
	display: inline-block;
	text-align: center;
	background-color: #03A9F4;
	padding: 10px 30px;
	border-radius: 10px;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px #006897;
	box-shadow: 1px 1px 4px #424242;
}
</style>

<div>
	Відкрийте Telegram бот <a href="https://t.me/kulserbot" target="_blank">за цим посиланням</a> <br> та отриманий код вставте в поле нижче:
	<br><br>
	Код вставляти сюди 👉 <input type="text" id="tgChatId" oninput="updateBotLink()">
	<br><br>
	<div id="linkToTgBot"></div>
</div>

<script>
function updateBotLink() {
	let channelName = 'KulikovSerhiiBot',
		 linkAnchor = 'Почати навчання',
		  linkClass = 'linkToTgBot';

	document.getElementById('linkToTgBot').innerHTML = '<a href="https://t.me/' + channelName + '?start=id-' + document.getElementById('tgChatId').value + '" class="' + linkClass + '" target="_blank">' + linkAnchor + '</a>';
}
</script>