Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!doctype html>
<html>
  <head>
    <script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
    <title>Jquery Todo List</title>
    <link rel="stylesheet" type="text/css" href="css/MyCss.css">
    <script src="js/jquery.js" type="text/javascript"></script>
    <script src="js/script.js" type="text/javascript"></script>
  </head>
  <body>
    <div class="container">
      <div class="header">
        <h1>ToDo List</h1>
        <form id="todo_form">
          <ul id="todoList">
            <li><input type="textbox" id="txtBox" class="input" placeholder="What needs to be done ?" autofocus></li>
            <li class="todoBlk"><input type="checkbox" class"checkbox"/>Huiskal</li>
          </ul>
          <input type="button" id="clearComp" class="btn" value="Clear Completed!">
        </form>
      </div>
    </div>
  </body>
</html>
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers