You are on page 1of 9

26

26.1

26.2
26.3

create_a_pad

SUMMARY

26-2

HTML5 ()

11.1

HTML5HTML5

PART 1

HTML5 ()

26-3

26

HTML5 Web Storage API

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 ()