JSFiddle - React, Tailwind, and code Playground

by tu genhua

HTML

<h1>web Storage实列</h1>
<p id="msg"></p>
<input type="text" id="input" />
<input type="button" value="保存数据" id="saveData"/>
<input type="button" value="读取数据" id="readData"/>
<input type="button" value="删除数据" id="removeData"/>
<input type="button" value="清除所有的数据" id="clearData"/>

JavaScript

// localStorage demo
		$("#saveData").unbind('click').bind('click',function(){
			var inputVal = $("#input").val();
			//sessionStorage.setItem("message",inputVal);
			localStorage.setItem("message",inputVal);
		});
		$("#readData").unbind("click").bind('click',function(){
			//var msg = sessionStorage.getItem("message");
			var msg = localStorage.getItem("message");
			$("#msg").html(msg);
		});
		$("#removeData").unbind('click').bind('click',function(){
			//sessionStorage.removeItem("message");
			localStorage.removeItem("message");
		});
        $("#clearData").unbind('click').bind('click',function(){
			//sessionStorage.clear();
			localStorage.clear();
		});