javascript 使用动态表行值检查输入值

Question

首先，英语不是我的母语，所以我不太好寻找起点或线索。其次，我试图实现的是 javascript 检查用户输入的值是否与系统提供的表中的值相同，因此如果值不相同，则用户需要添加注释。事不宜迟，这是我的脚本。

<tbody>
  <?php
  foreach ($result as $key => $value) {
  echo "<tr>";
  echo "<td class='value1'>".$value[1]."</td>";
  echo "<td><input type='number' class='inputuser' required value=''> ".$value[2]."</td>";
  echo "<td><input type='text' class='note'></tr>";}
?>
  </tbody></table>
    <button type="submit" id="approve" >approve</button>
</div></form>

  <script>
    $(document).ready(function() {
    let input = document.getElementByClass("inputuser"); 
    let note = document.getElementByCLass("note");
    input.addEventListener("input", validate);    

    function validate(){
      if(input.value === "supposedly value of td with class value1"){
        note.setAttribute("required","required");
      } else {
        note.removeAttribute("required");  
      }
    }    });
  </script>

我不知道如何在类 value1 的表中获取“td”的值，我使用了 foreach 循环，因为该表不仅仅是 1 行。请帮助我，先谢谢你。