I can t get the following code to show anything after inputting and clicking the button that appears.I can t find a reason why. Any help?

The JavaScript code has typos.

For example, documentgetElementByID("songTextInput") should be document.getElementById("songTextInput"). It's missing the period after "document" and the "d" in "Id" shouldn't be capitalized.

You also have the line "function handleButtonClick() (" which should end with a curly brace { not a (.

Also, the last 3 lines seem unneccessary and could be messing up your page.

Try this:

window.onload = init;

function init() {

var button = document.getElementById("addButton");

button.onclick = handleButtonClick;

}

function handleButtonClick() {

// Put this in one line, I'm only using 2 lines because otherwise Yahoo cuts off the end

var textInput = document.getElementById

("songTextInput");

var songName = textInput.value;

var node = document.createElement("li");

var textnode = document.createTextNode(songName);

node.appendChild(textnode);

// Put this in one line also

document.getElementById("playlist").

appendChild(node);

}

try this...

<input type="text" id="song" size="40" placeholder="Song name" />

<button type="button" onclick="addSong()">Add Song</button>

<script type="text/javascript">

function addSong() {

var name = document.getElementById("song");

var li = document.createElement("li");

var node = document.createTextNode(name.value);

li.appendChild(node);

var list = document.getElementById("playlist");

list.appendChild(li);

name.value = "";

}

</script>