index.js 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. /*
  2. * Licensed to the Apache Software Foundation (ASF) under one
  3. * or more contributor license agreements. See the NOTICE file
  4. * distributed with this work for additional information
  5. * regarding copyright ownership. The ASF licenses this file
  6. * to you under the Apache License, Version 2.0 (the
  7. * "License"); you may not use this file except in compliance
  8. * with the License. You may obtain a copy of the License at
  9. *
  10. * http://www.apache.org/licenses/LICENSE-2.0
  11. *
  12. * Unless required by applicable law or agreed to in writing,
  13. * software distributed under the License is distributed on an
  14. * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  15. * KIND, either express or implied. See the License for the
  16. * specific language governing permissions and limitations
  17. * under the License.
  18. */
  19. var app = {
  20. // Application Constructor
  21. initialize: function () {
  22. document.addEventListener('deviceready', this.onDeviceReady.bind(this), false);
  23. document.getElementById("setLocalStorage").addEventListener("click", setLocalStorage);
  24. document.getElementById("showLocalStorage").addEventListener("click", showLocalStorage);
  25. document.getElementById("removeProjectFromLocalStorage").addEventListener
  26. ("click", removeProjectFromLocalStorage);
  27. document.getElementById("getLocalStorageByKey").addEventListener
  28. ("click", getLocalStorageByKey);
  29. var localStorage = window.localStorage;
  30. },
  31. // deviceready Event Handler
  32. //
  33. // Bind any cordova events here. Common events are:
  34. // 'pause', 'resume', etc.
  35. onDeviceReady: function () {
  36. this.receivedEvent('deviceready');
  37. },
  38. // Update DOM on a Received Event
  39. receivedEvent: function (id) {
  40. var parentElement = document.getElementById(id);
  41. var listeningElement = parentElement.querySelector('.listening');
  42. var receivedElement = parentElement.querySelector('.received');
  43. listeningElement.setAttribute('style', 'display:none;');
  44. receivedElement.setAttribute('style', 'display:block;');
  45. console.log('Received Event: ' + id);
  46. }
  47. };
  48. app.initialize();
  49. function setLocalStorage() {
  50. localStorage.setItem("Name", "John");
  51. localStorage.setItem("Job", "Developer");
  52. localStorage.setItem("Project", "Cordova Project");
  53. }
  54. function showLocalStorage() {
  55. console.log(localStorage.getItem("Name"));
  56. console.log(localStorage.getItem("Job"));
  57. console.log(localStorage.getItem("Project"));
  58. }
  59. function removeProjectFromLocalStorage() {
  60. localStorage.removeItem("Project");
  61. }
  62. function getLocalStorageByKey() {
  63. console.log(localStorage.key(0));
  64. }