KDP(電子出版)のメモ 急急如律令

Amazon Kindleダイレクト・パブリッシングでの電子出版や電子書籍の作成販売について、文章やイラストの作成や編集方法について書いています。

クッキーに設定を保存するようにした。

 本当はローカルストレージだけど、説明が面倒なのでクッキーと呼ぶことにする。書き込んだ内容を設定として保持しておき、次に開いたときもその状態のままにしておく。

kyukyunyorituryo.github.io

//クッキーの読み込み
document.addEventListener("DOMContentLoaded", function(){
if (localStorage["datalist"]) {
//localstrageから読み出す
datalist=JSON.parse(localStorage.getItem("datalist"))

//状態の書き換え
binding=document.getElementById(datalist[0])
binding.checked = true
panel=document.getElementById(datalist[1])
panel.checked = true
document.getElementById('title').value=datalist[2]
document.getElementById('author1').value=datalist[3]
document.getElementById('author2').value=datalist[4]
}
});
//状態の取得
var cookie = function (){
bindingid=document.querySelector('input[name="radio"]:checked').id
panelid=document.querySelector('input[name="radio2"]:checked').id
title = document.getElementById('title').value
author1 = document.getElementById('author1').value
author2 = document.getElementById('author2').value
var datalist =[bindingid,panelid,title,author1,author2]
//localstrageに保存
localStorage.setItem("datalist", JSON.stringify(datalist))
}

//保存をクリックしたときに実行

cookie();

 

クッキーのクリア

localStorage.removeItem('datalist')

 

参考:

www.tam-tam.co.jp