$(function two(){

  $("#but_v").click(function () {
    var kon=$("#kon").prop("checked");
    var nac=$("#nach").prop("checked");

    if(nac==true)
    {
    var text_n=$("#text").val();
    $("article ol").prepend("<li>"+text_n+"</li>");
    }

    if(kon==true)
    {
    var text_k=$("#text").val();
    $("article ol").append("<li>"+text_k+"</li>");
    }
  });

  });

$(function three(){
  $("body").append("<p>Test paragraf</p>");
    $(document).ready(function(){
      $("#btn_three").click(function(){
         $("p").clone().appendTo("#THEEND");
      });
    });
  });

  $(function image(){
  $(document).ready(function(){
    $("#btn_image").click(function(){
        $("img").remove();
    });
  });
});

  $(function image_x_y(){
    $(document).ready(function(){
      $("#btn_x_y").click(function(){
          $("img").width(440-440*0.1);// 10%
          $("img").height(220-440*0.1);// 10%
      });
  });
});

$(function tabl_input(){
$('.table-filters input').on('input', function () {
  filterTable($(this).parents('table'));
});

function filterTable($table) {
  var $filters = $table.find('.table-filters td');
  var $rows = $table.find('.table-data');
  $rows.each(function (rowIndex) {
      var valid = true;
      $(this).find('td').each(function (colIndex) {
          if ($filters.eq(colIndex).find('input').val()) {
              if ($(this).html().toLowerCase().indexOf(
              $filters.eq(colIndex).find('input').val().toLowerCase()) == -1) {
                  valid = valid && false;
              }
          }
      });
      if (valid === true) {
          $(this).css('display', '');
      } else {
          $(this).css('display', 'none');
      }
  });
}
});

$(function animation(){
  $(document).ready(function(){
    $("#qwerty").click(function(){
        var img = $("img");
        img.animate({height: '300px', opacity: '0.4'}, "slow");
        img.animate({width: '300px', opacity: '0.8'}, "slow");
        img.animate({height: '150px', opacity: '0.4'}, "slow");
        img.animate({width: '150px', opacity: '0.8'}, "slow");

    });
});
});