Skip to content

Instantly share code, notes, and snippets.

@masamitsu-konya

masamitsu-konya/file1.js

Last active August 28, 2017 02:28
Show Gist options
  • Save masamitsu-konya/11162888 to your computer and use it in GitHub Desktop.
Save masamitsu-konya/11162888 to your computer and use it in GitHub Desktop.
Download ZIP
WebStorage API(LocalStorage)を使ってみた ref: http://qiita.com/masamitsu-konya/items/c69515604570150d3ab9
Raw
file1.js
function init() {
localStorage.Hashikawa = "Artistic";
localStorage["Hashikawa"] = "Artistic";
localStorage.setItem("Hashikawa", "Artistic");
//上記３行、どの書き方でも同じ
}
Raw
file1.txt
function init() {
localStorage.Hashikawa = "Artistic";
localStorage["Hashikawa"] = "Artistic";
localStorage.setItem("Hashikawa", "Artistic");
//上記３行、どの書き方でも同じ
}
Raw
file2.js
function init() {
・・・・・
var val = localStorage.Hashikawa;
var val = localStorage["Hashikawa"];
var val = localStorage.getItem("Hashikawa");
// 上記３行、どの書き方でも同じ
document.querySelector("#result").innerHTML = val;
}
Raw
file2.txt
function init() {
・・・・・
var val = localStorage.Hashikawa;
var val = localStorage["Hashikawa"];
var val = localStrage.getItem("Hashikawa");
// 上記３行、どの書き方でも同じ
document.querySelector("#result").innerHTML = val;
}
Raw
file3.js
function init() {
・・・・・
localStorage.removeItem("Hashikawa");
var val = localStorage.Hashikawa;
　・・・・・
}
Raw
file3.txt
function init() {
・・・・・
localStorage.removeItem("Hashikawa");
var val = localStorage.Hashikawa;
　・・・・・
}
Raw
file4.js
function init() {
localStorage.setItem("A", "Aだよ");
localStorage.setItem("B", "Bだよ");
localStorage.setItem("C", "Cだよ");
localStorage.setItem("D", "Dだよ");
localStorage.setItem("E", "Eだよ");
var val = localStorage.getItem("A") + " " +
localStorage.getItem("B") + " " +
localStorage.getItem("C") + " " +
localStorage.getItem("D") + " " +
localStorage.getItem("E");
document.querySelector("#result").innerHTML = val;
}
Raw
file4.txt
function init() {
localStorage.setItem("A", "Aだよ");
localStorage.setItem("B", "Bだよ");
localStorage.setItem("C", "Cだよ");
localStorage.setItem("D", "Dだよ");
localStorage.setItem("E", "Eだよ");
var val = localStorage.getItem("A") + " " +
localStorage.getItem("B") + " " +
localStorage.getItem("C") + " " +
localStorage.getItem("D") + " " +
localStorage.getItem("E");
document.querySelector("#result").innerHTML = val;
}
Raw
file5.js
function init() {
・・・・・
localStorage.setItem("E", "Eだよ");
localStorage.removeItem("B");
・・・・・
}
Raw
file5.txt
function init() {
・・・・・
localStorage.setItem("E", "Eだよ");
localStorage.removeItem("B");
・・・・・
}
Raw
file6.js
function init() {
・・・・・
localStorage.setItem("E", "Eだよ");
localStorage.clear();
・・・・・
}
Raw
file6.txt
function init() {
・・・・・
localStorage.setItem("E", "Eだよ");
localStorage.clear();
・・・・・
}
Raw
index.html
<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>WebStrage API</title>
<script type="text/javascript">
function init() {
}
</script>
</head>
<body onload="init()">
<div id="result"></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment