Increment button in javascript

See more:

Javascript

I am trying to build a team score increment button, but only the second button works, the first one doesn't count.

<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>

What I have tried:

changed id name, and function name. still nothing