JSFiddle - React, Tailwind, and code Playground

HTML

<table><tr><td>type</td><td>number</td><td>description</td><td>artw‌ork</td><td><a href="/data/hero/copies/'.$part_no.'.pdf" target="_blank">Link &nbsp;</a></td><td align=right class='min'>10</td><td align='right' class="max">20</td><td class="quantity">30</td></tr></table>

CSS

td {
 padding: 10px
}

JavaScript

var min = parseInt($('.min').text());
var max = parseInt($('.max').text());
var qty = parseInt($('.quantity').text());

if (qty >= max || qty <= min ) {
   $('.quantity').css('background-color', 'red');
}