Take SELECT value with JS

Question

I want to take the selected value from select and return to the screen using js.

HTML:

    <select name="lista" id="lista-conteudos">
        <option value="ADIÇÃO">Na adição uma quantidade é somada de outra.</option>
        <option value="SUBTRAÇÃO">Na subtração uma quantidade é retirada de outra.</option>
        <option value="MULTIPLICAÇÃO">Forma simples de se adicionar uma quantidade finita de números iguais.</option>
        <option value="DIVISÃO">Divisão é o inverso da multiplicação.</option>
        <option value="FRAÇÃO">Determinada quantidade que foi dividida em pedaços ou fragmentos iguais.</option>
        <option value="1º GRAU">O grau da incógnita é 1, isto é, o expoente da incógnita é igual a 1.</option>
        <option value="2º GRAU">Representada por ax²+bx+c=0. Os coeficientes são números reais, com a ≠ 0.</option>
        <option value="POTÊNCIAÇÃO">Usamos quando um número é multiplicado por ele mesmo várias vezes.</option>
        <option value="RADICIAÇÃO">Inversa à potenciação, assim como a divisão é o inverso da multiplicação.</option>
        <option value="RAZÃO">Relação existente entre dois valores de uma mesma grandeza.</option>
        <option value="PROPORÇÕES">Trata-se da igualdade entre razões das medidas extraídas de grandezas.</option>
        <option value="ALGARISMOS">Representar números em sistemas de numeração posicionais.</option>
        <option value="GRANDEZAS">Propriedades mensuráveis de um fenômeno, corpo ou substância.</option>
        <option value="REG. DE 3">Descobrir quantidade relativa a dois ou mais valores.</option>
        <option value="PORCENTAGEM">Medida de razão com base 100.</option>
        <option value="GEOMETRIA">Plana ou euclidiana, estuda as figuras que não possuem volume.</option>
        <option value="MEDIDAS">Medida específica de determinada grandeza física.</option>
    </select>

JS: I’m doing so, but only returns the first option and the others when selecting do not return in the console.log

<script>
        /* LER STRING DIGITADA */
        var select = document.getElementById('lista-conteudos');
        var value = select.options[select.selectedIndex].value;
        console.log(value);
    </script>

Answer 1

When you select a option in a select the value of option selected will be the value of the tag select, then you can make a addEventListener change, to detect changes in the select and then take your value, that as already said before the value of option selected "basically becomes" the value of select

var select = document.getElementById('lista-conteudos')

select.addEventListener('change', function(){
    console.log(select.value)
})

   <select name="lista" id="lista-conteudos">
        <option value="ADIÇÃO">Na adição uma quantidade é somada de outra.</option>
        <option value="SUBTRAÇÃO">Na subtração uma quantidade é retirada de outra.</option>
        <option value="MULTIPLICAÇÃO">Forma simples de se adicionar uma quantidade finita de números iguais.</option>
        <option value="DIVISÃO">Divisão é o inverso da multiplicação.</option>
        <option value="FRAÇÃO">Determinada quantidade que foi dividida em pedaços ou fragmentos iguais.</option>
        <option value="1º GRAU">O grau da incógnita é 1, isto é, o expoente da incógnita é igual a 1.</option>
        <option value="2º GRAU">Representada por ax²+bx+c=0. Os coeficientes são números reais, com a ≠ 0.</option>
        <option value="POTÊNCIAÇÃO">Usamos quando um número é multiplicado por ele mesmo várias vezes.</option>
        <option value="RADICIAÇÃO">Inversa à potenciação, assim como a divisão é o inverso da multiplicação.</option>
        <option value="RAZÃO">Relação existente entre dois valores de uma mesma grandeza.</option>
        <option value="PROPORÇÕES">Trata-se da igualdade entre razões das medidas extraídas de grandezas.</option>
        <option value="ALGARISMOS">Representar números em sistemas de numeração posicionais.</option>
        <option value="GRANDEZAS">Propriedades mensuráveis de um fenômeno, corpo ou substância.</option>
        <option value="REG. DE 3">Descobrir quantidade relativa a dois ou mais valores.</option>
        <option value="PORCENTAGEM">Medida de razão com base 100.</option>
        <option value="GEOMETRIA">Plana ou euclidiana, estuda as figuras que não possuem volume.</option>
        <option value="MEDIDAS">Medida específica de determinada grandeza física.</option>
    </select>