JQuery When Done Examples

Example 1

when-done example

<div class="container">
        <input type="text" id="uName" class="row m-2 form-control text-center" placeholder="name">
        <input type="text" id="uSurname" class="row m-2 form-control text-center" placeholder="surname">
        <input type="text" id="uAge" class="row m-2 form-control text-center" placeholder="age">
        <button id="but" class="btn btn-danger btn-block">Click</button>
        <div id="result" class="form-block text-center mt-4"></div>
    </div>

<script>

    $(document).ready(function(){

      function card() {
        let uName = $("#uName").val();
        let uSurname = $("#uSurname").val();
        let uAge = $("#uAge").val();
          $.when(
          {name: uName},
          {surname: uSurname},
          {age: uAge}
        ).done(function(tName,tSurname,tAge){
          $("#result").html(
            "Name: " + tName.name + "<br>" +
            "Surname: " + tSurname.surname + "<br>" +
            "Age: " + tAge.age 
          )
        })
      }
      $("button").click(card)
      $(".container").keyup(function(e){
          if(e.keyCode == 13){
              card();
          }
      })  

    })

</script>

---

Example 2

    <div class="container">
        <div id="result" class="form-block text-center mt-4"></div>
    </div>

  <script>


    $(document).ready(function(){
        let days = Array("monday","thuesday","wednesday","thursday","friday");
        let rows = "";
        $.each(days,function(row,content){
            rows += "Row: " + row + "<br>"  + "Day: " + content + "<br>" + "<br>"
        })
        $("#result").html(rows);
    })
    

  </script>