How to call a variable within another function

Question

I’m trying to call the name variable within the forward functionQuadro. But it’s not working.

var pergunta = document.querySelectorAll(".pergunta");
var indiceAtual = 0;

function iniciar(){
    pergunta[0].style.display = "block";
}

function avancaPergunta(){ //pula de pergunta em pergunta
    var nome = document.getElementById("nome").value;    
    var mesNascimento = document.getElementById("mes-nascimento").value;
    var cor = document.getElementById("cor").value;
    pergunta[indiceAtual].style.display = "none";
    if (indiceAtual +1 >= pergunta.length){
        alert("você terminou o quiz");
        return;
    }

    pergunta[indiceAtual+1].style.display = "block";
    indiceAtual++; 

}

function avancaQuadro(){
    document.getElementById("resultado22").innerHTML = nome;

}

Answer 1

The forward function is not receiving any parameters to pass. Place the name parameter inside the parentheses:

function avancaQuadro(nome){
    document.getElementById("resultado22").innerHTML = nome;

}

And when calling the function, you enter the parameter to be used:

avancaQuadro('um texto');

The variable nome that you created in function avancaPergunta() will only be accessed within the scope of this function. If you intend to use this same variable elsewhere, it needs to be declared outside the scope.