MA: What “window.localStorage.getItem(‘userdata’) ” mean?

What “window.localStorage.getItem(‘userdata’) ” mean?

This statement came in the creator.ionic.io video how to access to local storage. Laulima 5th video on LocalStorage.

window object – The window object represents an open window in a browser.
console object, document object are Window objects
document object – is the root node of the HTML document. When an HTML document is loaded into a web browser, it becomes a document object.

localStorage  property –

Create a localStorage name/value pair with name=”lastname” and value=”Smith”, then retrieve the value of “lastname” and insert it into the element with id=”result”

// Store
localStorage.setItem(“lastname”, “Smith”);
// Retrieve
document.getElementById(“result”).innerHTML = localStorage.getItem(“lastname”);
// Removing data from localStorage
localStorage.removeItem(“lastname”);

getitem() – localStorage method.
localStorage.setItem(keyname, value)
localStorage.setItem(keyname, value)

HTML Objects and HTML DOM Objects
DOM Geolocation
Geolocation API

Geolocation supported by brower –  Can I use?

How to Design (UI, UX, Aesthetics, Underlying Mechanizms-Front and Back Architecture in Consideration)

Follow https://docs.usecreator.com/docs/custom-code-editing

  1. Custom themes
  2. Mockup design + layout
  3. List backed Angular service -integrate firebase
  4. Route parameters

finished video 1 : Simple app

video 2 : T-shirt order app

Goto firebase.google.com -> docs-> libralies -> angularfire

copy the path of firebase and angularfire.

github.com/firebase/Angularfire

initialize database

ionic Modal open

Good Refs

Exercise

cross-scripting attack on .innerHTML

function changeText2(){
	var userInput = document.getElementById('userInput').value;
	document.getElementById('boldStuff2').innerHTML = userInput;
}

<p>Welcome to the site <b id='boldStuff2'>dude</b> </p> 
<input type='text' id='userInput' value='Enter Text Here' />
<input type='button' onclick='changeText2()' value='Change Text'/>

MDN doc

Web APIs

Web securities

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s