document.getElementById('bookmark-form').addEventListener('submit',saveBookmark);
function saveBookmark(e){
var sitename = document.getElementById("sitename").value;
var sitedescription = document.getElementById("sitedescription").value;
var siteurl = document.getElementById("siteurl").value;
if(!validateForm(siteurl)){
description: sitedescription,
if(localStorage.getItem('bookmarks') === null){
bookmarks.push(bookmark);
localStorage.setItem('bookmarks',JSON.stringify(bookmarks));
var bookmarks = JSON.parse(localStorage.getItem('bookmarks'));
bookmarks.push(bookmark);
localStorage.setItem('bookmarks',JSON.stringify(bookmarks));
function deleteBookmarks(url){
var bookmarks = JSON.parse(localStorage.getItem('bookmarks'));
for(var i = 0; i < bookmarks.length;i++){
if(bookmarks[i].url == url){
localStorage.setItem('bookmarks',JSON.stringify(bookmarks));
document.getElementById(url).remove();
function fetchBookmarks(){
var bookmarks = JSON.parse(localStorage.getItem('bookmarks'));
var bookmarkresults = document.getElementById("bookmarkresults");
for(var i=0;i<bookmarks.length;i++){
var name = bookmarks[i].name;
var url = bookmarks[i].url;
var description = bookmarks[i].description;
bookmarkresults.innerHTML += '<div id="'+url+'" class=" col-md-2">'+
'<a href="'+url+'" role="button">'+name+'</a>'+
'<a onClick="deleteBookmarks(\''+url+'\')" class="btn btn-danger" role="button">delete</a>'+
function validateForm(siteurl){
if(!sitename || !sitedescription || !siteurl){
alert("you must fill all the fields");
var expresssion = /(http|https)\:\/\/[a-zA-Z0-9\-\.]+\.[a-zA-Z]{2,3}(\/\S*)?/;
var regEx = new RegExp(expresssion);
if(!siteurl.match(regEx)){
alert("provide valid url");