Javascript 根据客户端输入更改html表中的bgcolor

我见过很多类似的问题，但没有一个能回答我的问题

在第1页的表格中，将为测量输入以下三条信息：（1）上限，（2）下限和（3）测量值

然后用户将点击一个按钮，将他们带到第2页，在那里输入的信息将上传到mysql数据库，这一切都很好。第2页将显示输入的信息，确认已上传到数据库的内容。此信息显示在html表格中

如果测量值不是介于（1）上限或（2）下限之间的值，我希望将显示测量值的单元格颜色更改为红色

用户输入的三条信息可以而且每次都会改变

---

这能简单地做到吗

下面的链接可以帮助您监听输入值的更改，并使用jquery设置适当的BG

var messages=document.querySelector（“#text”）

HTML:

更新

您已经在

HTML表格的第二页显示了信息。假设变量为
$上限
，
$下限
和
$测量
，您可以添加检查并使用bgcolor作为变量，如下所示：

<?php
$bg = ($measured<$lower_limit || $measured>$upper_limit) ? 'bgcolor="red"' : '';
?>

<table>
    <tr>
        <td <?php echo $bg;?>>
             <?php echo $measured; ?>
        </td>
    </tr>
</table>


显示您的代码？您想在哪里设置颜色？在生成第二个页面的PHP代码中，在该页面的javascript中，还是在CSS文件中？如果不显示代码，我们甚至无法开始回答。没有任何代码，因为我不知道如何做我想要的。使用php将输入变量从第1页传递到第2页。是否希望在第2页上使用第1页的php变量进行设置，例如，如果v1大于v2，v1小于v3，则bgcolor为x，否则bgcolor为y@ChinaTonka这有帮助吗？
input.addEventListener('input', function()
{
    messages.textContent += 'input changed to: ' + input.value ;
    if(input.value === '1') {
    document.getElementById("text").style.color = "red";
    }
    else {
     document.getElementById("text").style.color = "green";
    }
});

    <input id="number" type="input">

    <div id="text">update </div>

<?php
$bg = ($measured<$lower_limit || $measured>$upper_limit) ? 'bgcolor="red"' : '';
?>

<table>
    <tr>
        <td <?php echo $bg;?>>
             <?php echo $measured; ?>
        </td>
    </tr>
</table>