課題_前回のアクセス日時を表示する

JavaScript

2020.03.09

index.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<script src="main.js"></script>
	<title>課題_前回のアクセス日時を表示する</title>
</head>
<body>
	<h1>課題_前回のアクセス日時を表示する</h1>
	<p>ようこそ！</p>
	<p id="datetime"></p>
</body>
</html>

main.js

/*
 * main.js: 前回のアクセス日時を表示する
 *
 */

var KEY = "DATETIME";		// 保存するためのキー（あとでデータを取り出すときに必要）

/*
 * ローカルストレージからデータを取り出す
 */
function getStorage(){
	// ローカルストレージに保存されたMyKeyの内容を取得
	let ret = localStorage.getItem(KEY);

	// データ保存の有無をチェック
	if(ret !== null){
		document.getElementById("datetime").innerHTML = "前回のアクセス: " + ret;
	}
	
	// 現在時刻をローカルストレージにセット
	setStorage();
}

/*
 * ローカルストレージにデータを保存する
 */
function setStorage(){
	let datetime = new Date();
	localStorage.setItem(KEY, datetime);
}

/*
 * 起動時の処理
 */
window.addEventListener("load", function(){
	getStorage();
});