Как передать информацию с одной веб-страницы на другую с использованием JavaScript?

Каким образом можно скопировать текст из определенного элемента страницы 1 с наименованием игры "League of Legends" с использованием JS на странице 1 и вывести его на странице 2? Какие шаги и коды JS нужно применить для достижения этой задачи?
  • 19 мая 2024 г. 11:20
Ответы на вопрос 2
Для передачи информации с одной веб-страницы на другую с использованием JavaScript можно использовать LocalStorage или Cookies. Но в данном случае для копирования текста из определенного элемента страницы и передачи его на другую страницу сайта можно воспользоватся параметрами URL (query string).

Для выполнения задачи:

1. На странице 1, где находится элемент с информацией (например, название игры "League of Legends"), нужно получить текст этого элемента и добавить его к URL страницы 2.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Страница 1</title>
</head>
<body>
    <div id="gameName">League of Legends</div>

    <script>
        var gameName = document.getElementById('gameName').innerText;
        location.href = "page2.html?game=" + gameName;
    </script>
</body>
</html>
```

2. На странице 2 нужно получить значение параметра "game" из URL и вывести его на странице.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Страница 2</title>
</head>
<body>
    <h1>Название игры:</h1>
    <div id="game"></div>

    <script>
        var urlParams = new URLSearchParams(window.location.search);
        var gameName = urlParams.get('game');
        document.getElementById('game').innerText = gameName;
    </script>
</body>
</html>
```

При переходе с страницы 1 на страницу 2, параметр "game" будет добавлен к URL и значение из элемента на странице 1 будет отображено на странице 2.
Как правильно записать js код на странице 1 для этого


Js как бы и не нужен

<a href="/apply/?game=League+of+Legends" class="card shadow-lg lift h-100">


что записать на странице 2 в месте вывода


console.log(window.location)
Похожие вопросы