meerdere text inputs in 1 veld

[dwzexile]

Ik ben pas begonnen met javascript en leerde op 'codeacademy' een text-based spel maken. Ik wil dit spel omzetten naar een html pagina. De eerste vraag verschijnt in de textarea, ik antwoord 'fight' in het invoerveld, druk op de knop en krijg zo de tweede vraag. Maar als ik nu 'yes' antwoord gebeurt er niets. Ik vermoed om dat alles binnen dezelfde functie zit en deze elke keer opnieuw start als ik op de knop druk? Is er een manier om dit te laten werken? Ik wil wel maar 1 invoerveld en 1 knop

code:


<form name="frmtekst">
<textarea id="demo" rows="20" cols="50">
</textarea><br/><br/>
<input type="text" size="50" name="txtantw"/><br/><br/>
<input type="button" value="Start" id="btnstart" onClick="myFunction();"/>
</form>

<script type="text/javascript">

document.getElementById("demo").value="You're walking through the forest, minding your own business, and you run into a troll! Do you FIGHT him, PAY him, or RUN?"+"\n\n";

function myFunction(){
var antw = document.frmtekst.txtantw.value.toUpperCase();
switch(antw) {
case 'FIGHT':
document.getElementById("demo").value+="How courageous! Are you strong (YES or NO)?"+"\n\n";

if(antw === 'YES') {
document.getElementById("demo").value+="Are you smart?"}

else{
document.getElementById("demo").value+="Are you sly?"}