JavaScriptで複数のファイル間で共有の変数を持つ

Question

前提・実現したいこと

いま，Monacaでアプリ制作しています．
JavaScriptで2つのファイル間で共有の変数を持ちたいです．一つのファイルで宣言，編集した変数を別のファイルで参照することができますか？
HTML経由でも大丈夫です．

該当のソースコード

一つ目のファイル

var hoge;
hoge = document.getElementById('box').textContent;

2つ目のファイル

console.log(hoge);

って感じで使いたいです．

試したこと

一つ目のHTMLファイル

<script src="sample1.js">

2つめのHTMLファイル

<script src="sample1.js">
<script src="sample2.js">

とかしてみましたが，getElementByIdが使えなくてダメでした．データだけ持ってくる方法が知りたいです．

Comments

[退会済みユーザー]

普通にそれで動くと思いますけど…　getElementById が使えないってどういうことでしょうか？ HTML 側に id="box" の要素がかいてあってそれより後に JS の script がおかれていれば動くはずです。ヘッダににいれるとDOM生成前に実行されてしまって id="box" が見つからなくなるので window.onload = とかおまじないが必要になります

[3helmet]

言い方が悪かったです．2つ目のHTMLファイルにid="box"はありません．
1つ目のHTMLファイルのテキストボックスに入力した値を2つ目のHTMLファイルで使いたい．って感じです．

Answer 1

同じページ内の復数の JS ではなく、ページ遷移後べつの HTML で実行する JS で値を保持したいってことでしょうか？　

そうなると cookie なり sessionStorage (セッション内で残る) か localStorage(永久に残る) を使うしかないかもです…　

sessionStorage を使う場合

１つ目のファイルで
sessionStorage.setItem('hoge', document.getElementById('box').textContent);
２つめで
sessionStorage.getItem('hoge');
という感じで取り出せると思います
（実際実行してなくて文法ミスとかあるかもなので sessionStorage とかでぐぐってしらべてみてください）

Comments

[3helmet]

sessionStorageで解決しました！ありがとうございました．