Jquery

Book list in Javascript

Today i will show you how to create a book list with pure JavaScript with modular approach. html of application Demo <body> <div class=”container”> <div id=”form-block”> <h1>Add Book</h1> <div class=”form-group”> <label>Title</label> <input type=”text” id=”title” class=”form-control”> </div> <div class=”form-group”> <label>Author</label> <input…

Bookmark Application with JavaScript

How to create bookmark web application with pure JavaScript. document.getElementById(‘myForm’).addEventListener(‘submit’,addBookmark); function addBookmark(e){ var siteName = document.getElementById(‘siteName’).value; var siteUrl = document.getElementById(‘siteUrl’).value; var bookmark = { name:siteName, url:siteUrl } if(localStorage.getItem(‘bookmarks’) === null){ var bookmarks = []; bookmarks.push(bookmark); localStorage.setItem(‘bookmarks’,JSON.stringify(bookmarks)) } else{ bookmarks =…

ToDoList with JQuery and HTML5 Localstorage

Today i will show you ToDoList using jQuery, HTML5 Localstorage. This is the script document.getElementById(‘myForm’).addEventListener(‘submit’,saveToDo); function saveToDo(e){ elementValue = document.getElementById(‘todoId’).value; if(!elementValue){ alert(“You must enter a value in the New Task field”) return false; } var todo = { name:elementValue }…