Как реализовать запоминание числа и перенос его в input?

Question

[Tizi]

Возник вопрос как реализовать запоминание числа и перенос его в input.
Вся суть:

имеется 2 странницы,
на 1 страннице имеются 4 кнопки

<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>

а на 2 страннице имеется input
<input type="text" id="myinput" size="40">

каждая кнопка должна нести свое определенное число. при клике на которую это число должно заносится в input

Подскажите как можно это реализовать.

Как я хотел это сделать

Подкинули такую мысль. что можно брать число из строки поиска и отправлять его в Input/
<a href="input.html?btvalue=19">#1</a>
В этом случает Input принял бы число 19. но я не смог реализовать это.

Подкинули мысль что можно при нажатии на ссылку отправлять число в кэш и от туда уже в input но я тоже не понял как это реализовать

Answer 1

[alex]

button.html

<a href="input.html?val=1">1</a>
<a href="input.html?val=2">2</a>
<a href="input.html?val=3">3</a>
<a href="input.html?val=4">4</a>

input.html

<input type="text">

<script>
  function parseUrlParams() {
	  let res = {};
	
	  window.location.search.replace(/^\?/, '').split('&').forEach((param) => {
		  param = param.split('=');
		  res[param[0]] = decodeURIComponent(param[1]);
	  });
	
	  return res;
  }

  document.querySelector('input').value = parseUrlParams().val;
</script>