Olá, recentemente estudando javascript criei uma pequena pagina com html, js e css, com perguntas que vão chegar a determinados resultados, porém ficou muito simples. Minha ideia é fazer as perguntas nesse estilo :https://pt.quizur.com/quiz/que-personagem-da-netflix-voce-seria-ExFP
vejam que a cada pergunta respondida, o site apresenta uma nova, armazenando as respostas para chegar ao resultado.
porém não sei como fazer isso...vou colocar um trecho do meu código para verem o que fiz até agora:
<u>Em outros jogos, qual seu estilo de personagem/jogada favorito?</u><br>
<input type="radio" name="estilo" id="selectn4">
<label for="selectn4">Muito dano, porém lento, e resistente</label><br>
<input type="radio" name="estilo" id="selectn5">
<label for="selectn5">Ágil, pouco dano porém muito combo e energia</label><br>
<input type="radio" name="estilo" id="selectn6">
<label for="selectn6">Faz uso de magia, muito dano porém frágil</label><br>
</P>
<div id="button">
<input type="button" value="✔" onclick="conferir()">
<input type="button" value="" onclick="window.location.reload()">
</div>
<div id="res">
<img src="image.jpg" alt="preencha e descubra!">
</div>
function conferir(){
var comportamento = document.getElementsByName('comporta')
var style = document.getElementsByName('estilo')
var persona = document.getEunctlementsByName('champ')
var res = document.querySelector('div#res')
var img = document.createElement('img')
img.setAttribute('id' , 'foto')
if (comportamento[0].checked && style[0].checked && persona[1 || 3]){
img.setAttribute('src' , 'Top_icon.png')
res.innerHTML = 'testes'
res.appendChild(img)
}
todas minhas perguntas ficam em uma página só...