JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<input type="text" name="txtSayi">
<button>Hesapla</button>
<table>
<thead>
<th>Ad</th>
<th>Kapasite</th>
<th>Kapasite 2</th>
<th>Kapasite 3</th>
</thead>
<tbody>
<tr>
<td>Robot1</td>
<td class='kapasite'>13</td>
<td class='kapasite'>12</td>
<td class='kapasite'>11</td>
</tr>
<tr>
<td>Robot2</td>
<td class='kapasite'>13</td>
<td class='kapasite'>13</td>
<td class='kapasite'>13</td>
</tr>
<tr>
<td>Robot3</td>
<td class='kapasite'>4</td>
<td class='kapasite'>18</td>
<td class='kapasite'>21</td>
</tr>
<tr>
<td>Robot4</td>
<td class='kapasite'>5</td>
<td class='kapasite'>21</td>
<td class='kapasite'>11</td>
</tr>
</tbody>
</table>
JavaScript
$(function() {
$("table").ready(function() {
var kapasite = $(this).find("tr td.kapasite").each(function() {
if(parseInt($(this).text()) > parseInt($("[name='txtSayi']").val())) {
$(this).css("background-color", "red")
}
})
})
$("button").on("click", function() {
$("table").ready(function() {
var kapasite = $(this).find("tr td.kapasite").each(function() {
$(this).css("background-color", "")
if(parseInt($(this).text()) > parseInt($("[name='txtSayi']").val())) {
$(this).css("background-color", "red")
}
})
})
})
})