<h2> Usando document.querySelectorAll()</h1>

​

<ul>

    <li class="demo">Termo 1</li>

    <li class="demo">Termo 2</li>

    <li class="demo">Termo 3</li>

    <li class="demo">Termo 3</li>

    <li class="demo">Termo 4</li>

</ul>

​

<script>

    // seleciona e retorna os elementos DOM selecionados (HTML Colection)

    const elements = document.querySelectorAll(".demo"); 

    // calcula o número de elemntos DOM selecionados

    const number = elements.length

    // retorna o conteúdo HTML do elemento selecionado (primeiro elemento)

    const content = elements[0].innerHTML

    // exibe resultados

    const results = `

    Nº de elementos DOM com a classe demo: ${number}

    Conteúdo HTML do elemento DOM selecionado: ${content}    

    `            

    alert(results)

</script>