ques16.html


<html lang="en">
    <head>
        <title>Question 16</title>
   <meta charset="UTF-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
        </head>
   <body>

 <div id="div1">Hello and Welcome to jQuery</div>
       <table ><tr> <button type="button">Cross Button</button></tr></table>

<script>
    $(document).ready(function()
{
        $("button").click(function()
       {
      
            $.ajax({url:"https://jsonplaceholder.typicode.com/posts",async:'false',dataType:'text',type:'DELETE',success:function(result) {
                setTimeout(function(){
                    console.log(result);
                     $('#div1').append('</br>'+result);
                     $('button').remove();

                      $('table tr').append('</br>button removed');
                },1000);
                
                        
            },error:function(){
                
            }});
            console.log("outside ajax");
            
        });
    });
    
</script>
<a href="contents.html">Navigate to other questions</a>
</body>
</html>