Как передать значение в следующее окно сайта через js?

Question

[zaorduu]

Нужно передать значение на следующую страницу сайта при её открытии, в интернете нашел что можно сделать примерно следующим образом

function createholder(book) {
    let res = document.getElementById(book); 
    let new_window = window.open("book.html");
    console.log(new_window.document.getElementById("bookpic"));
    new_window.onload = function () { 
        new_window.document.getElementById("bookpic").src = "images/" + res.id;
        console.log(new_window.document.getElementById("bookpic"));
    }
}

но я получаю null при попытке найти элемент по id, хотя в HTML файле я его указал для элемента:
<div><img src="" id="bookpic"></div>

В чём причина? или может другой способ решения?

Comments

[Fedor Vlasenko]

можно использовать localStorage

[zaorduu]

Fedor Vlasenko, спасибо, получилось через localStorage