JQuery Click Event

JQuery Click Event

by csnsgiri

HTML

<input type="text" id="txtid" value="txtMom02" />
<button id="btnfind">Find</button>
<br><br>
<button id="btnSave">Change data</button>


<table class="table tblminute table-bordered table-sm" id="tblminute">
    <thead>
        <tr>
            <th style="width:3% !important">Sr</th>
            
            <th style="width:60% !important">Minute</th>
            <th style="width:20% !important">Owner</th>
            <th style="width:14% !important">Date</th>
        </tr>
    </thead>
    <tbody class="tblminutebody">
    </tbody>
</table>

JavaScript

var myid ='';

$(document).ready(function () {

var t = 0;
 var id = '';
for (i = 0; i < 3; i++) {     
    t = t + 1;
    if (i == 1) {                    
        var html = '<tr style="background-color:#e9ecef" >'
            + "<td>" + ('0' + t).slice(-2) + "</td>"            
            + "<td colspan='3'><b>Headers</b></td>"                        
            + "</tr>";
        $(".tblminutebody").append(html);
    }
    else {                    
        id = ('0' + t).slice(-2);
        var momArea = ('<textarea id="txtMom' + id + '" class="form-control" rows="2">one demo</textarea>');                    
        var ownerarea = ('<textarea id="txtOwner' + id + '" class="form-control" rows="2"></textarea>');
        var datetext = ('<textarea id="txtmdate' + id + '" class="form-control" rows="2"></textarea>');
        var html = '<tr>'
            + "<td>" + ('0' + t).slice(-2) + "</td>"            
            + "<td>" + momArea + "</td>"
            + "<td>" + ownerarea + "</td>"
            + "<td>" + datetext + "</td>"
            + "</tr>";
        $(".tblminutebody").append(html);
    }
}       

	$("#btnfind").click( function () {
			var findMe = $('#txtid').val();
      myid=$('#' + findMe);
      myid.css('background-color' , 'yellow');
      console.log(myid.val());
	});
        
	$("#btnSave").click(  function () {
		   myid.val( myid.val() +"\n new data");
   console.log(myid.val());
   
	});
});