JSFiddle - React, Tailwind, and code Playground

by zlojnaxa

HTML

<input type="text" id="last-name" value="Иванов"><br><br>
<input type="text" id="first-name" value="Петр"><br><br>
<input type="text" id="age" value="25">
 
<input type="button" id="but" value="Конвертировать в get"><br><br>
 
<div id="resultat"></div>

JavaScript

but.addEventListener('click',()=> {
	let lastName = document.getElementById('last-name').value;
	let firstName = document.getElementById('first-name').value;
	let age = document.getElementById('age').value;
	let but = document.getElementById('but');
	 
	const object = {
	    lastName,
	    firstName,
	    age
	};
	
	let arr = [];
	for(let key in object){ arr.push(key + '=' + object[key]); }
	resultat.innerHTML = arr.join('&');
});