JenBlog

Monday, July 8, 2013

PlayList.htm

Webville Tunes
Posted by Jen at 2:03 PM No comments:
Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest
Home
Subscribe to: Comments (Atom)

Blog Archive

  • ▼  2013 (1)
    • ▼  July (1)
      • PlayList.htm

About Me

My photo
Jen
View my complete profile

playlist.js

window.onload = init; function init() { var button = document.getElementById("addButton"); button.onclick = handleButtonClick; loadPlaylist(); } function handleButtonClick() { var textInput = document.getElementById("songTextInput"); var songName = textInput.value; var li = document.createElement("li"); li.innerHTML = songName; var ul = document.getElementById("playlist"); ul.appendChild(li); save(songName); }

playlist_store.js

function save(item) { var playlistArray = getStoreArray("playlist"); playlistArray.push(item); console.log(playlist); localStorage.setItem("playlist", JSON.stringify(playlistArray)); console.log( JSON.parse( localStorage.getItem( "playlist") ) ); } function loadPlaylist() { var playlistArray = getSavedSongs(); var ul = document.getElementById("playlist"); if (playlistArray != null) { for (var i = 0; i < playlistArray.length; i++) { var li = document.createElement("li"); li.innerHTML = playlistArray[i]; ul=appendChild(li); } } } function getSavedSongs () { return getStoreArray("playlist"); } function getStoreArray(key) { var playlistArray = localStorage.getItem(key); if (playlistArray == null || playlistArray == "") { playlistArray = new Array(); } else { playlistArray = JSON.parse(playlistArray); } return playlistArray; }
Simple theme. Powered by Blogger.