Function não esta fucionando

O code é bem simples, tem a função de mostrar uma tabuada de acordo com o numero que o usuário quer porem a function não esta funcionando e não é o primeiro code em que a function nao pega.
conde js abaixo:

function tabuada(){
    let num  = document.getElementsById('txtn')
    let tab = document.getElementsById('seltab')
 if(num.value.length == 0 ){
       window.alert('Por favor, digite um número!')
    }else{
         let n = Number(num.value)
    }
}

HTML abaixo:

<section>
        <div>
            <p>Número: <input type="number" name="num" id="txtn">
            <input type="button" value="Gerar Tabuada" onclick= "tabuada()"></p> // Criando o onclick que aparentemente n fuciona 
        </div>
        <div>
            <select name="tabuada" id="seltab"></select>
        </div>
    </section>
    <script src="script.js"></script> // para puxar a pag q tem o js
</body> 

QUEM PODER ME DIZER ONDE ESTOU ERRANDO AGRADEÇO.

`
parte do html:

Número:

    </div>
    <div>
        <select name="tabuada" id="seltab"></select>


    </div>


</section>

<script src="script.js"></script>
` o onclick do button esta correto : onclick='tabuada()'>

Acho que, em vez de usar getElementsById, deveria ser getElementById (no singular e não no plural).

2 curtidas

Deu certo, o erro era esse msm, muito obrigada!!