Передача данных из input на другую страницу html

Помогите пожалуйста с одним вопросом. Перейти на другую страницу я могу, но использовать данные с первой не получается. Вот код: HTML(первая страница):

```
<input type="number" class="secInput" max="59" min="0" value="0" id="secWork">
<a href="C:\Users\Alex23432\Desktop\Сайты\pomodoro timer2\index.html?secWork" id="hr">Поехали!</a>
```

JS(вторая страница):

```
let result = new URL(location.href).searchParams.get("secWork");
console.log(result);
```

Помогите пожалуйста.


Ответы (1 шт):

Автор решения: Алексей Шиманский

Скорее перед переходом надо нормально заполнить атрибут ссылки (либо при изменении знчения в инпуте - на выбор)

document.getElementById('hr').addEventListener('click', ({target}) => {
    let inputValue = document.getElementById('secWork').value;
    target.href = "C:\Users\Alex23432\Desktop\Сайты\pomodoro timer2\index.html?secWork=" + inputValue; 
});
<input type="number" class="secInput" max="59" min="0" value="0" id="secWork">
<a href="C:\Users\Alex23432\Desktop\Сайты\pomodoro timer2\index.html?secWork" id="hr">Поехали!</a>


P.S. Никогда не используйте прямое обращение к элементу по идентификатору без использования методов getElementById и querySelector. Это всё устарело и может быть когда-либо выпилено и вообще, сейчас это моветон.

→ Ссылка