JSで１日の結果を同じにする

Question

前提・実現したいこと

現在、JavaScript　でおみくじを作っています
同日に引いたおみくじの結果を同じにして、日付が変わったらリセットするようにしたいです
ユーザー登録を設置するつもりはないので、cookie　または　LocalStorage　の記述の方法が分からいのでご教示いただけると助かります

該当のソースコード

　
正直、JavaScriptを使用することが初めてで、
どこに、どのように記述すればいいか分からない状況です

(function() {
		var btn = document.getElementById('btn');
		var output = document.getElementById('output');
		var overlay = document.getElementById('overlay');

		btn.addEventListener('click', function() {
			result();
			overlay.classList.add('fadein');
			output.classList.add('fadein');
		});

		overlay.addEventListener('click', function() {
			output.classList.remove('fadein');
			overlay.classList.remove('fadein');
		});

		//＊おみくじ結果
		function result() {
			var omikekka = document.getElementById('omikekka');
			var index = Math.floor(Math.random() * 100);

			if (0 <= index && index <= 10) {
				omikekka.innerHTML =
					'<img src="http://www.rank1-mrs.com/wp-content/uploads/2018/10/omikuji_kyou.png"class="omikuji" />';
			} //*大大吉
			else if (11 <= index && index <= 30) {
				omikekka.innerHTML =
					'<img src="http://www.rank1-mrs.com/wp-content/uploads/2018/10/大吉.png" class="omikuji" />';
			}　 //*大吉
			else if (31 <= index && index <= 60) {
				omikekka.innerHTML =
					'<img src="http://www.rank1-mrs.com/wp-content/uploads/2018/10/中吉.png" class="omikuji" />';
			}　 //*中吉
			else if (61 <= index && index <= 100) {
				omikekka.innerHTML =
					'<img src="http://www.rank1-mrs.com/wp-content/uploads/2018/10/吉.png" class="omikuji" />';
			}　 //*小吉	　
		}
	}

)();

Comments

[kei344]

（質問文は編集できます）質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。また、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを、出ているエラーなどと併せて、具体的に記述されたほうが回答を得られやすいと思います。

Answer 1

cookieのサンプルは回答があるのでlocalStorageの方を。
Window.localStorage - Web API インターフェイス | MDN

localStorageの回答をしておいてなんですが、
１日のみの保存であれば有効期限を設定できるcookieをおすすめします。

Answer 2

記述の仕方がわからないということなので次のページをご紹介します。
また、サンプルもたっぷり乗っているので良いかと思います。

Document.cookie - MDN web docs