Hey guys, I’m very new to this forum so I hope I get a response. I’m taking a javascript class and the teacher is very hard to understand. What I need to do is make an onclick function to add elements to an list through a form. I got that working.
Now I need to have every list item that appears have a delete function also…here’s what I have:
<ul id=”thislist”>
</ul>
<input type=”text” id=”theValue” />
<a href=”javascript:;” onclick=”addElement();”>Add Item</a>
<script language=”javascript” type=”text/javascript”>
<!–
//<![CDATA[
function addElement() {
var value1 = document.getElementById(“theValue”);
var the_text = value1.value;
var anchor_text = document.createTextNode(the_text);
var new_anchor = document.createElement(‘li’);
new_anchor.appendChild(anchor_text);
var list = document.getElementById(‘thislist’);
list.appendChild(new_anchor);
list.innerHTML = (new_anchor, <a href=”javascript:;” onclick=”remove()”>Delete</a>;
}
function remove() {
var test = document.getElementById(‘thislist’);
test.parentNode.removeChild();
}
//]]>
//–>
</script>
It worked without a delete function, until I added the innerHTML part.
Thank You