Professional Documents
Culture Documents
26.1
26.2
26.3
create_a_pad
SUMMARY
26-2
HTML5 ()
11.1
HTML5HTML5
PART 1
HTML5 ()
26-3
26
26.1
26-2
HTML5 ()
26.1
HTML5 ()
26-3
26
26-4
HTML5 ()
26.1
2 X
HTML5 ()
26-5
26
2 X
26-6
HTML5 ()
26.1
HTML5 ()
26-7
26
26.2
<body id='padBody'>
<header>
<div>
<button id="newPadButton" onclick="newpad()">
</button>
<button id="listItem" onclick="listPadItem()" >
</button>
<button id="hideAll" onclick="hideAllpad()"
style="margin-left:60px;">
</button>
<button id="deleteAll" onclick="deleteAllpad()">
</button>
<button id="removeAll" onclick="removeAllLocalStorage()">
</button>
</div>
</header>
<div id='mainarea'>
<div id="padarea">
</div>
</div>
</body>
id padarea <div>
26.3
JavaScript
JavaScript
pad.js
switchState.js
localStorage localStorage['padNO']
n
JSON localStorage['padNO'+n]
26-8
HTML5 ()