Tenho um questionário onde o usuário vai responder x questões e irá receber uma resposta no final, quando der o clique no botão "resposta".
Fiz a primeira versão onde está tudo funcionando, só que nessa versão as questões estão todas em uma unica pagina HTML, está dessa forma.
window.onload = function(){
var btn = document.getElementById("resposta");
btn.addEventListener("click",function(){
var nomeCL = parseFloat(document.getElementById("nmCliente").value)
calcular(nomeCL);
},false);
function calcular(a){
var teste = document.getElementById("nmCliente").value
var idade = document.getElementById("vlIdade").value
if(teste == "Joll" && idade == "a"){
document.getElementById("resultado").innerHTML="<p>a</p>"
}else{
document.getElementById("resultado").innerHTML="<p>b</p>"
}
}
}
<p>Nome do Cliente:</p>
<input id="nmCliente" type='text'></input>
<p>Qual sua idade?</p>
<select>
<option value="a" id="vlIdade">15</option>
<option value="b" id="vlIdade">16</option>
<option value="c" id="vlIdade">17</option>
</select>
<div>
<input type="button" id="resposta" value="Calcular" /></br>
Resultado: <span id="resultado"> </span>
</div>
Agora quero acrescentar um botão de "Próximo", para deixar de três a duas perguntas por página, só que não consigo pensar em como fazer o Javascript funcionar quando colocar dessa forma.
Alguém tem alguma dica, ou coisa do tipo? Grata.