How can I use localstorage with jquery (if-else)
I have a html page and simple jquery codes. I want to add "read/unread"
text near a post. When I click unread text it becomes read and click again
read text it becomes unread. I want to save my jquery changes. I can
change read/unread text but I cant save changes with using localStorage.
When I refresh page everytime text becomes "unread". My codes need some
restore. These are my codes.Not:I use jinja2 no database no server just
local. thanks for time.
<html>
<head>
<title>{{ title }}</title>
<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
</head>
<body>
<script>
$(function() {
$('h4').on('click', function(event) {
var $this = $(this);
$(this).text(localStorage.read);
if ($this.text()==="unread"){
localStorage.read = 'read';
}
else if ($this.text()==="read"){
localStorage.read = 'unread';
}
});
});
</script>
{% for data in collecteddata %}
<div align="center" class="box">{{ data }}</div><h4>unread</h4>
{% endfor %}
</body>
</html>
No comments:
Post a Comment