Stuck since eternity: jquery 3/10


#1

how do I solve this?

In this section, we'll build an interactive "to do" list that will add items to a checklist and remove them as they're checked off.

This is the html:

<body>
		<h2>To Do</h2>
		<form name="checkListForm">
			<input type="text" name="checkListItem"/>
		</form>
		<div id="button">Add!</div>
		<br/>
		<div class="list"></div>
	</body>

this is the css:

h2 {
    font-family:arial;
}

form {
    display: inline-block;
}

#button{
    display: inline-block;
    height:20px;
	width:70px;
	background-color:#cc0000;
	font-family:arial;
	font-weight:bold;
	color:#ffffff;
	border-radius: 5px;
	text-align:center;
	margin-top:2px;
}

.list {
	font-family:garamond;
	color:#cc0000;
}

and this is all the jquery that I've written:

$(document).ready(function(){
    $('#button').click(function(){
     
    });
});

#2

What's the error message?


#3

hi @jibblyj ,I didnt try to compile it.
I'm too far away from completing the given task ,so there's no point in compiling it.
how do i add and remove checked list(s) ?


#4

@rashidf5 Just continue through the lesson, and you'll find out :slightly_smiling: