Hent værdi fra JavaScript genereret input

Hej.

Jeg er i gang med at lave en slags terning, hvortil brugeren selv kan tilføje sider med værdier.

For at tilføje en side, tilføjer man et inputfelt, som man så indtaster sidens værdi i.
Siderne rækker uendeligt og en side - altså et inputfelt - laves og vises på siden med JavaScript.

Når brugeren trykker "Roll the dice" ønsker jeg, at der vælges et tilfældigt inputfelt hvorefter værdien af inputfeltet udskrives.

Mit problem er, hvordan jeg får værdierne fra et felt, som genereres med JavaScript.

Her er koden, jeg benytter nu:

<form id="myForm" method="post">
<hr size="1" />
<input type="button" value="Add a side to the dice" onclick="addOption();" /> <input type="button" value="Roll the dice!" onClick="roll();" /> <br />
Sides: <br />
</form>
<script> 
var optionNumber = 1;

function addOption() { 
    var theForm = document.getElementById("myForm");
    var newOption = document.createElement("input");
    newOption.name = "side["+optionNumber+"]";
    newOption.type = "text";
    theForm.appendChild(newOption);
    optionNumber++;
}
 
function roll() {
    document.getElementById('siderolled').innerHTML = document.getElementById('side[1]').value;
}
</script>

I ovenstående eksempel har ejg sat den til altid at udskrive værdien fra første fel for lettere at kunne teste det, men jeg går ud fra, at når jeg kommer dertil, hvor jeg skal vælge et tilfældigt felt, er det blot at benytte:

side['+Math.floor(Math.random()*(optionNumber+1))+']'

Kan nogen hjælpe mig med at få udskrevet værdien af et felt?

På forhånd tak.
Simon B. Støvring