total of row cell not get color red if greatest than 1000

total of row cell not get color red if greatest than 1000

I have 5 column
Name    Salary,Bonus,Deduction total
ahmed    500    200     100          600
calculation per total
total=Salary+Bonus-Deduction
if total>1000
make red color per cell total
as sample above i need to get red color per row added
When click button add row must add and total must have red color if greatest than 1000
I try more time to color my cell total only if total greatest than 1000 but not come
my code as following


  1. @{
  2.     Layout = null;
  3. }

  5. <!DOCTYPE html>

  7. <html>
  8. <head>
  9.     <meta name="viewport" content="width=device-width" />
  10.     <title>Index</title>
  11.     <script src="~/Scripts/jquery-1.10.2.js"></script>
  12.     <script>
  13.         $(function () {
  14.             $("#btn").click(function () {
  15.                 var x = $("#txt1").val();
  16.                 var y = $("#txt2").val();
  17.                 var z = $("#txt3").val();
  18.                 var M = $("#txt4").val();
  19.                 var L = parseInt(y) + parseInt(z) - parseInt(M);
  20.               
  21.                 $("#tb").append("<tr> <td>" + x + "</td> <td>" + y + "</td> <td>" + z + "<td>" + M + "</td><td>" + L + "</td></tr>");
  22.             
  23.                // $('td').prop('contentEditable', true);
  24.             });
  25.             $("#tb").on("click", "tr", function () {
  26.                 if (L > 1000) {
  27.                     $(this).parent().prev().addClass('red');
  28.                 }
  29.                 $(this).find("td").slice(0, 4).prop("contenteditable", true);

  31.             });
  32.            
  33.             
  34.         });
  35.     </script>
  36.     <style>
  37.          .red{
  38.     color:#ff0000;
  39.     font-weight:bold;
  40.     }
  41.     </style>
  42.    
  43.     
  44. </head>
  45. <body>
  46.     <div>
  47.         Name<input type="text" id="txt1" /><br />
  48.         Salary<input type="text" id="txt2" /><br />
  49.         Bonus<input type="text" id="txt3" /><br />
  50.         Deduction<input type="text" id="txt4" /><br />
  51.         <input type="button" value="add" id="btn" />
  52.        

  54.         <table>
  55.             <thead>
  56.                 <tr>
  57.                     <td>
  58.                         
  59.                             Name
  60.                         
  61.                        
  62.                     </td>
  63.                     <td>
  64.                         
  65.                             Salary
  66.                         
  67.                         
  68.                     </td>
  69.                     <td>
  70.                         
  71.                             Bonus
  72.                         
  73.                         
  74.                     </td>
  75.                     <td>
  76.                         
  77.                             Deduction
  78.                         
  79.                         
  80.                     </td>
  81.                     <td>
  82.                         total
  83.                     </td>
  84.                 </tr>
  85.             </thead>
  86.             <tbody id="tb" class="tb1"></tbody>
  87.         </table>
  88.     </div>
  89. </body>
  90. </html>