benim verdiğim kodda url'e gelen değeri yazdıracaksın o kadarınıda yaparsın diye düşündüm :)

<input type="text" placeholder="Linki yapıştırın" id="input">
<button id="btn">Sorgula</button>

<div id="result" style="display: none">
	<strong>Kullanıcı adı:</strong> <span id="username"></span> <br>
	<strong>Şifre:</strong> <span id="password"></span> <br>
	<strong>URL:</strong> <span id="url"></span>
</div>

<script>
const input = document.getElementById('input'),
		btn = document.getElementById('btn'),
		result = document.getElementById('result')

btn.addEventListener('click', () => {
	if (input.value) {
		const url = new URL(input.value);
		result.style.display = 'block'
		document.getElementById('username').innerText = url.searchParams.get('username');
		document.getElementById('password').innerText = url.searchParams.get('password');
		document.getElementById('url').innerHTML = `<a href="${url.origin}" target="_blank">${url.origin}</a>`;
	}
})
</script>