javascript 中的递增按钮

我正在尝试构建一个团队得分增量按钮，但只有第二个按钮有效，第一个按钮不起作用。

<pre><table>
                <tr>
                    <td>team 1</td>
                    <td>team 2</td>
                </tr>
                <tr>
                    <td id="score1">0</td>
                    <td id="score2">0</td>
                </tr>
                <tr>
                    <td><button id="team1" onclick="click()">+</button></td>
                    <td><button id="team2" onclick="clicksec()">+</button></td>
                </tr>
            </table>

            <script>


      let news = 0;
                function click() {

                    news ++;

                    document.getElementById("score1").innerHTML = news;
                    console.log(news);
                }

   let newss = 0;

                function clicksec() {
                    newss++;
                    document.getElementById("score2").innerHTML = newss;
                    console.log(newss);
                    }

            </script>

我尝试过的：

更改了 id 名称和函数名称。 依然没有