Eu tenho duas páginas - "página 1" e "página 2". Na página 1, há uma caixa de texto com um valor de por exemplo 100 e um botão no final.

Pressionando o botão, desejo que o javascript salve o valor da caixa de texto em uma variável global (?) E vá para a página 2. Com "window.onload", desejo uma segunda função Javascript para alertar o valor salvo na página1.

Aqui está o meu código Javascript:

<script type="text/javascript">

var price; //declare outside the function = global variable ?

function save_price(){

    alert("started_1"); //just for information

    price = document.getElementById('the_id_of_the_textbox').value; 

    alert(price); //just for information         
}

<script type="text/javascript">

function read_price(){

    alert("started_2");

    alert(price);

}

Na "página 1", tenho este botão de envio com:

<input class="button_send" id="button_send" type="submit" value="Submit_price" onclick="save_price();"/>

Inicia a função Javascript e me redireciona corretamente para minha página2.

Mas com isso na segunda página:

window.onload=read_price(); 

Eu sempre recebo um valor "indefinido" do preço variável global.

Eu li muito sobre essas variáveis globais. Por exemplo. nesta página:Problema com a variável global. Mas não consigo fazer funcionar ...

Por que isto não está funcionando?