Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<DOCTYPE html>
    <head>
        <title>ToDoIt</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width", intial-scale="1.0">
        <link rel="stylesheet" type="text/css" href="style.css">
        <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
    </head>
    <body>
        <div id="wrapper">
            <div class="to-do-list">MY PLANS PER DAY</div>
            <div id="inf">
                <div class="all">All : </div>
                <div class="completed">Completed : </div>
            </div>
​
            <div class="border-info">
​
            </div>
​
            <div>You have plans for today?</div>
            <form id="add-task" action="#" method="post">
              <div class="text-task"><input autocomplete="off" type="text" name="add-task" class="new-task" placeholder="New Task"></div>
              <div><input type="submit" value="task" name="btn-add" class="btn-add"></div>
            </form>
        </div>
    </body>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#add-task").submit(function () {
                var input = $(this).find("input[name=add-task]");
                var myTask = input.val();
​
                input.val('');
                $('.border-info').append('<div class="task">' +'<input type="checkbox" name="post" сlass="write-post">' +'<span class="vall">' + myTask + '</span></div>');     
​
                $(".all").html("All: " + $(".task").length);
                return false;
            });
        });
​
​
        $(document).on('change', '.border-info input:checkbox', function() {
            if($(this).is(':checked')) {
                var complVal = $(this).siblings('.vall');
                $('.completed').append("input:checkbox" + complVal);
​
                $(".completed").html("Completed: " + $(":checked").length);
            }
        });
    </script>
    </html>
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers