Как передать несколько параметров js?

Question

[zeaovede]

Таким способом получилось передать один параметр с одной страницы на другую.
Страница 1

<a id="Lol" href="/apply/" class="card shadow-lg lift h-100">

<script>document.getElementById('Lol').onclick = function () {
 localStorage.setItem('game', "League of Legends");
 }
 </script>

Страница 2

<h1 id="game" ></h1>

<script>
    let game = localStorage.getItem('game');
    let job = document.getElementById('game')
    
    window.onload = function() {
    if(game == null){
        job.innerHTML;
    }
    else {
        job.innerHTML = game;
    }
    }
</script>

Как передать несколько параметров таким способом?

Comments

[alexalexes]

Один параметр записали:
localStorage.setItem('game', "League of Legends");
И его прочитали:
let game = localStorage.getItem('game');
Как то глупо спрашивать, как так же передать параметры, с другими именами game1, game2.
Можно, конечно, прибегнуть к JSON и передать целый массив или объект:

localStorage.setItem('games', JSON.stringify(["League of Legends", "Doom", "Duke Nukem 3D"]));

И потом прочитать и декодировать как массив:

let games = JSON.parse(localStorage.getItem('game'));
console.log(games);

Но про это нужно догадаться про сериализацию таким способом.

[zeaovede]

alexalexes, Спасибо за ответ. Если что, я опубликовал свой ответ в теме. Если не сложно, можете глянуть, какие-то замечания может быть сделаете

Answer 1

[zeaovede]

Если что, то я решил это вот так вот. На сколько это правильно или нет понятия не имею, но это работает. Из минусов, код грузится медленно.
page 1

<a id="lol" href="/apply/" class="card shadow-lg lift h-100">
...

<script>document.getElementById('lol').onclick = function () {
 localStorage.setItem('game', "LOL");
 }
 </script>
 <script>document.getElementById('val').onclick = function () {
 localStorage.setItem('game', "VAL");
 }
 </script>
 <script>document.getElementById('tft').onclick = function () {
 localStorage.setItem('game', "TFT");
 }
 </script>
 <script>document.getElementById('wr').onclick = function () {
 localStorage.setItem('game', "WR");
 }
 </script>
 <script>document.getElementById('ow').onclick = function () {
 localStorage.setItem('game', "OW");
 }
 </script>

page 2

<h1 id="game"></h1>

<script>
    let game = localStorage.getItem('game');
    let lol = document.getElementById('game')
    let val = document.getElementById('game')
    let tft = document.getElementById('game')
    let wr = document.getElementById('game')
    let ov = document.getElementById('game')
    
    window.onload = function() {
    if(game == null){
        lol.innerHTML;
        val.innerHTML;
        tft.innerHTML;
        wr.innerHTML;
        ov.innerHTML;
    }
    else {
        lol.innerHTML = game;
        val.innerHTML = game;
        tft.innerHTML = game;
        wr.innerHTML = game;
        ov.innerHTML = game;
    }
    }
</script>

Comments

[Kentavr16]

lol.innerHTML;
        val.innerHTML;
        tft.innerHTML;
        wr.innerHTML;
        ov.innerHTML;

а что ты здесь делаешь?

[zeaovede]

Kentavr16, вероятно, в моем случае это лишний код, какая-то проверка чего-то. В общем-то я оставил вот так вот

let game = localStorage.getItem('game');
    let lol = document.getElementById('game')
    let val = document.getElementById('game')
    let tft = document.getElementById('game')
    let wr = document.getElementById('game')
    let ov = document.getElementById('game')
    
    window.onload = function() {
        lol.innerHTML = game;
        val.innerHTML = game;
        tft.innerHTML = game;
        wr.innerHTML = game;
        ov.innerHTML = game;
    }

, но скорость загрузки как была низкая, так и осталась. Он сперва грузит пустой h1, и только потом подгружает переданные данные. На выходе прыгающий контент и медленная загрузка. Видимо, само по себе решение такое себе, или как это объяснить даже не знаю. Уже и приоритет загрузки js самый высокий поставил, и предзагрузку шрифтов сделал. Ничего не помогает.

[Kentavr16]

zeaovede, уважаемый, от чистого сердца предлагаю вам прочесть любое пособие по js+web- разработке, и прочесть от начала и до конца. Ты же сам тратишь свое время. Вместо 125 вопросов ты бы уже научился сам давать ответы.