How to have the sum of 3 different value in one text area
<p>I applied value to each of my radio, for each of my forms. Point is, I need to set the sum of all of them together. I thought I could simply go and set a simply function as setting the value of each text area for each form in an addition in my function so the total would be shown but it seems like it's not working. I just feel like I am missing something. Here are my codes, thanks! :</p>

<p>Java: </p>

<pre><code>(function(){

var oForm = document.forms;

oForm[0].querySelector("input[type='radio']").addEventListener("click",sommButton,false);

}) ()

function sommeButton () {

var aSomme1 = document.forms[0].tEx1;
var aSomme2 = document.forms[1].tEx2;
var aSomme3 = document.forms[2].tEx3;
var total = document.forms[3].tEx4;
var somme1 = aSomme1[5].value;
var somme2 = aSomme2[5].value;
var somme3 = aSomme3[5].value;

total.value = parseInt(somme1) + parseInt(somme2) + parseInt(somme3) ;
}
</code></pre>

<p>Just in case, here is my <strong>html</strong> : </p>

<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;meta charset="UTF-8"&gt;
&lt;title&gt;Exercise 5&lt;/title&gt;
&lt;link rel="stylesheet" href="css/form.css" /&gt;
&lt;/head&gt;
&lt;body&gt;
                &lt;section&gt;
            &lt;form name="frm1"&gt;
                &lt;label&gt;
                    &lt;input type="radio" value="10" name="r1"
                        onClick="tEx1.value = this.value"/&gt;
                &lt;/label&gt;

                &lt;label&gt;
                    &lt;input type="radio" value="15" name="r1"
                        onClick="tEx1.value = this.value"/&gt;
                &lt;/label&gt;

                &lt;label&gt;
                    &lt;input type="radio" value="20" name="r1"
                        onClick="tEx1.value = this.value"/&gt;
                &lt;/label&gt;

                &lt;label&gt;
                    &lt;input type="radio" value="25" name="r1"
                        onClick="tEx1.value = this.value"/&gt;
                &lt;/label&gt;

                &lt;label&gt;
                    &lt;input type="radio" 
                    &lt;input type="radio" value="30" name="r1"
                        onClick="tEx1.value = this.value"/&gt;
                &lt;/label&gt;

                &lt;label&gt;
                    &lt;input type="text" name="tEx1" /&gt;
                &lt;/label&gt;
            &lt;/form&gt;
        &lt;/section&gt;

        &lt;section&gt;
            &lt;form name="frm2"&gt;
                &lt;label&gt;
                    &lt;input type="radio" value="10" name="r2"
                        onClick="tEx2.value = this.value"/&gt;
                &lt;/label&gt;

                &lt;label&gt;
                    &lt;input type="radio" value="15" name="r2"
                        onClick="tEx2.value = this.value"/&gt;
                &lt;/label&gt;

                &lt;label&gt;
                    &lt;input type="radio" value="20" name="r2"
                        onClick="tEx2.value = this.value"/&gt;
                &lt;/label&gt;

                &lt;label&gt;
                    &lt;input type="radio" value="25" name="r2"
                        onClick="tEx2.value = this.value"/&gt;
                &lt;/label&gt;

                &lt;label&gt;
                    &lt;input type="radio" value="30" name="r2"
                        onClick="tEx2.value = this.value"/&gt;
                &lt;/label&gt;

                &lt;label&gt;
                    &lt;input type="text" name="tEx2" /&gt;
                &lt;/label&gt;
            &lt;/form&gt;
        &lt;/section&gt;

        &lt;section&gt;
            &lt;form name="frm3"&gt;
                &lt;label&gt;
                    &lt;input type="radio" value="10" name="r3"
                        onClick="tEx3.value = this.value"/&gt;
                &lt;/label&gt;

                &lt;label&gt;
                    &lt;input type="radio" value="15" name="r3"
                        onClick="tEx3.value = this.value"/&gt;
                &lt;/label&gt;

                &lt;label&gt;
                    &lt;input type="radio" value="20" name="r3"
                        onClick="tEx3.value = this.value"/&gt;
                &lt;/label&gt;

                &lt;label&gt;
                    &lt;input type="radio" value="25" name="r3"
                        onClick="tEx3.value = this.value"/&gt;
                &lt;/label&gt;

                &lt;label&gt;
                    &lt;input type="radio" value="30" name="r3"
                        onClick="tEx3.value = this.value"/&gt;
                &lt;/label&gt;

                &lt;label&gt;
                    &lt;input type="text" name="tEx3" /&gt;
                &lt;/label&gt;
            &lt;/form&gt;
        &lt;/section&gt;

        &lt;section&gt;
                &lt;label&gt;
                    &lt;input type="button" value="Somme" name="btn1"&gt;
                &lt;/label&gt;
        &lt;/section&gt;

        &lt;section&gt;
                &lt;form name="frm4"&gt;
                &lt;label&gt;
                    &lt;input type="text" name="tEx4" /&gt;
                &lt;/label&gt;
                &lt;/form&gt;
        &lt;/section&gt;

&lt;/body&gt;
&lt;script src="js/exercise5.js"&gt;&lt;/script&gt; 
&lt;/html&gt;
</code></pre>