Question

我有一些li元素：

<ul>
  <li>One</li>
  <li>Two</li>
  <li>Three</li>    
</ul>

我需要知道被点击的元素的数量。例如，如果用户点击

<li>Three</li>

我的输出将是＆＃34; 3＆＃34;。

如何使用vanilla JavaScript获得此结果？

Answer 1

你可以试试这个：

<!DOCTYPE html>
  <html>

  <head>
    <meta charset="utf-8" />
    <title>Page Title</title>

    <script>
        let countOne = 0,
          countTwo = 0,
          countThree = 0;
      </script>

  </head>

  <body>



    <ul>
      <li onclick='countOne++'>One</li>
      <li onclick='countTwo++'>Two</li>
      <li onclick='countThree++'>Three</li>
    </ul>

    <input type="button" value="View Results" onclick="console.log(countOne, countTwo, countThree)"/>

  </body>

  </html>

它将在控制台中返回值。

哪个＆＃39; li＆＃39;点击使用vanilla JS

1 个答案: