Edit in JSFiddle

$(document).ready(function () {
	// Her initialiserer vi 3 variabler, flytskjema som refererer til html elementet table med id flytskjema,   svarParagraf som er det p elementet hvor det endelige svaret blir genererert og antallSkjemasett som er antall fieldset elementer det er i flytskjemaet.
 	let flytSkjema = $(`#flytskjema`),
			svarParagraf = $(`#svar`),
      antallSkjemaSett = flytSkjema.children().length;
  
  // Her deklarerer vi en funksjon som trigges hver gang en knapp i et skjemasett blir klikket
  const behandleSkjemaDel = function() {
  	// Her refererer vi til det gjeldende skjemasettet. Siden denne funksjonen trigges når neste knappen blir trykket på refererer gjeldende skjemasett egentlig til forrige skjemasett, men måten dette er bygget på så vil vi behandle dataen etterhvert som knappene blir trykket på
  	let gjeldendeSkjemaSett = $(this);
    // Her er det laget en utvidelse av jQuery ved hjelp av jquery.fn.extend (se: https://api.jquery.com/jquery.fn.extend) som sjekker om gjeldende skjemasett svarte nei. Se funksjonene i bunn av dette skriptet med forklaringer
    if(gjeldendeSkjemaSett.svarteNei()) {
    	// Hopp til siste side, det ble svart nei
    	gjeldendeSkjemaSett.hoppTilResultat();
    }
    // Denne variabelen er et resultat av nok en jquery.fn.extend, se bunn. Funksjonen returnerer hvilket skjemasett vi er på
  	let gjeldendeSkjemaSettIndex = gjeldendeSkjemaSett.finnIndex();
    // Hvis vi er på siste side, hopp til resultatsiden
    if(gjeldendeSkjemaSettIndex == antallSkjemaSett) {
    	gjeldendeSkjemaSett.hoppTilResultat();
    }
    // Hvis vi har kommet hit er vi ikke på siste side, så vi kan hoppe til neste side. Se bunn for funksjonene som beskrevet tidligere
    gjeldendeSkjemaSett.hoppTilNesteSide();
  };
  // For å forhindre at skjemaet sender når vi trykker neste er vi nødt til å manipulere standard oppførsel av når skjemaet blir "sendt" Dette gjør vi slik. Se dokumentasjon her: https://api.jquery.com/event.preventdefault/
  flytSkjema.on('submit', (e) => {
  	e.preventDefault();
  });
  
  // Her tilføyer vi en hendelseslytter, eller event listener som trigger behandleSkjemaDel funksjonen som er deklarert og nettopp beskrevet
 	$(flytSkjema).on(`click`, 'button', behandleSkjemaDel)
  
  // Her utvider vi jQuery sin funksjonalitet.
  // jQuery.fn.extend tar en serie med funksjoner som vi kan bruke på jQuery objekter
  jQuery.fn.extend({
  	finnIndex: function() {
    	// "this" referer til jQuery objektet som funksjonen tilføyes til
      // Slik: $('element').finnIndex()
      // Det plusses på 1 siden det alltid refereres til forrige skjemasett.
    	return 	this
        			.parent()
              .index() + 1;
    },
    svarteNei: function() {
    	// "this" referer til jQuery objektet som funksjonen tilføyes til
    	// Dette kan se litt rotete ut men ved å bryte det opp er det egentlig ganske logisk
      // input[type="radio"] = <input type="radio">
      // input[name="harBil"] = <input name="harBil">
      // Vi kan kjede disse referansene sammen for å velge elementet vi ønsker.
      // :checked = Dette anviser at vi kun referer til input elementet som er sjekket.
    	return 	this
      				.siblings('input[type="radio"][name="harBil"]:checked')
              .val() == "Nei";
    },
    hoppTilNesteSide: function() {
    	// "this" referer til jQuery objektet som funksjonen tilføyes til
      this
      // Forelder elementet til this er gjeldende skjemasett som vises når knappen blir trykket på
			.parent()
      // Vi gjemmer dette forelder elementet, vi er ferdig med det
      .hide()
      // vi velger neste element relativt til forelderelementet som er neste skjemasett
      .next()
      // Vi viser dette skjemasettet så brukeren kan velge og trykke videre 
      .show();
    },
    hoppTilResultat: function() {
    	// Vi deklarerer en variabel som vi populerer basert på hvilke svar som er gitt
    	let endeligSvar;
      // Vi gjemmer hele skjemaet ved å bruke selector "form" Dette refererer til alle form elementer men vi har bare ett så det gjør ikke noe. Skulle vi velget ett kunne vi hatt en id attributt på form elementet og referert til det slik:
      // html: <form id="skjema"></form>
      // jQuery: $('#skjema');
      $('form').hide();
      // Samme metode som beskrevet tidligere, vi vil kun benytte verdien til input elementet med navn harBil som er sjekket.
      // Her bruker vi == "Ja" som vil returnere sant om eller usant basert på hva som er trykket
      let harBil = $('input[type="radio"][name="harBil"]:checked').val() == "Ja";
      // Samme metode igjen
      let tilstand = $('input[type="radio"][name="tilstand"]:checked').val();
      // Hvis input elementet med navn harBil har verdien Ja
      if(harBil) {
      	endeligSvar = `Du har en ${tilstand} amerikansk bil`;
      } else {
      	// Hvis ikke
      	endeligSvar = "Her må du gjerne ta over og prøve selv";
      }
      // svarParagraf som vi deklarerte helt øverst populeres med teksten i endeligSvar variabelen og vises.
      svarParagraf
      .text(endeligSvar)
      .show();
    }
	});
  
  
});

<h3>
Demonstrasjon av hvordan et flytskjema kan settes opp
</h3>
<p>
Her brukes det forøvrig <a target="_blank" href="http://jquery.com/">jQuery</a>, et <i>&laquo;Write Less, Do More&raquo;</i> <a target="_blank" href="https://no.wikipedia.org/wiki/JavaScript">JavaScript</a> bibliotek.<br>Du kan finne all dokumentasjon på jQuery <a target="_blank" href="https://api.jquery.com/">her</a>.
</p>
<p>
All kode er kommentert og fornorsket slik at du skal kunne følge med.<br>
Hvis du har en nettleser med feilsøker/debugger (F12 på chrome) kan du følge med i konsollen mens du trykker på svaralternativene for å se hva som skjer
</p>

<form id="flytskjema">

  <fieldset>
    Har du en bil?<br>
    <input type="radio" name="harBil" value="Ja" checked> Ja<br>
    <input type="radio" name="harBil" value="Nei"> Nei
    <button>Neste</button>
  </fieldset>
  <fieldset hidden>
    Er den gammel eller ny?<br>
    <input type="radio" name="tilstand" value="gammel" checked> Gammel<br>
    <input type="radio" name="tilstand" value="ny"> Ny
    <button>Neste</button>
  </fieldset>
</form>
<p id="svar" hidden>...</p>

<p class="info">
VIKTIG: For å benytte jQuery MÅ du referere til jquery scriptet. Dette kan du finne her: https://code.jquery.com/
Her i jsfiddle refererer jeg det ved å benytte External Resources, men på en HTML side du skal teste på må det inkluderes i en script tag. Slik:
</p>
<pre>&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;ie=edge&quot;&gt;
    &lt;title&gt;Dokument tittel&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  <span class="red">&lt;script src=&quot;https://code.jquery.com/jquery-3.2.1.min.js&quot;&gt;&lt;/script&gt;</span>
    &lt;script&gt;
    <a target="_blank" href="https://learn.jquery.com/using-jquery-core/document-ready/">$(document).ready(function () {</a>
      <span class="green">// Her skriver du jQuery </span>
      <a target="_blank" href="https://learn.jquery.com/using-jquery-core/document-ready/">});</a>
  &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</pre>

.info {
  margin-top:30px;
  color:red;
}
#svar {
  font-size:30px;
  color:green;
  font-weight:bold;
}
pre {
  padding:0;
  margin:0;
  white-space: pre-wrap; word-break: keep-all;
}
pre a{
  text-decoration:none;
  cursor:pointer;
  color:green;
}
span {
  font-weight:bold;
}
span.red {
  color:red;
}
span.green {
  color:green;
}