javascript

Just a Web Code Solution

Step 1. Your question relates to:

Step 2. Type a keyword:

how to get local storage item using javascript ?

567

Show ResultJAVASCRIPT

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
</head>

<body>

<div id="MyColor">Hello world!</div>

<button id="btn1">red</button></br>
<button id="btn2">blue</button></br>
<button id="btn3">yellow</button></br>
<button id="btn4">save</button>

<script type="text/javascript">

$(document).ready(function () {

var SetColor = localStorage.getItem("font_color");
$("#MyColor").css("color", SetColor);

$("#btn1").click(function () {

$("#MyColor").css("color", "red");

});

$("#btn2").click(function () {

$("#MyColor").css("color", "blue");

});

$("#btn3").click(function () {

$("#MyColor").css("color", "yellow");

});

$("#btn4").click(function () {

var theColorIs = $('#MyColor').css("color");

localStorage.setItem("font_color", theColorIs)

});

});

</script>

</body>
</html>