JSFiddle - React, Tailwind, and code Playground

by tu genhua

HTML

<h1>web Storage实列--- 使用sessionStorage做的demo</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

// sessionStorage 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();
		});