刚学习完JS基础，想做一个自动求值的表格，不知道怎么获取用户输入的值？

问题遇到的现象和发生背景

学习过程中的问题

用代码块功能插入代码，请勿粘贴截图

成 绩 表 Jeck Tom Alic Smith Bosh Lili 语文

            <td><input type="text" value=""></td>
            <td><input type="text" value=""></td>
            <td><input type="text" value=""></td>
            <td><input type="text" value=""></td>
            <td><input type="text" value=""></td>
            <td><input type="text" value=""></td>
        </tr>

运行结果及报错内容

不知道怎么获取用户输入的值

我的解答思路和尝试过的方法

把JS学习完了，可是怎么应用啊，一点都不会。html和css部分已经做好了（见下图），可是JS部分怎么添加啊？一点头绪都没有。

我想要达到的结果

我的想法是用户打开网页，在各科成绩的input输入框里输入成绩，然后下边的平均分和总成绩自动求值。不知道怎么做啊？

这种使用vue或者react比较快实现，直接写两个计算方法，获取对应的值就好，然后用对应的值求和求平均就可以！