title: perform addition of 1 form with dynamic values and show it in another form on same page
body: <p>I want to fetch the values of field " value3 " which would get values  dynamically and show sum of it as output in output id "hello" field.</p>
  
  <p>Also i want to send field "value2" values to another page </p>
  
  <p>thanks in advance</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Arithmetic operations&lt;/title&gt;
  
  &lt;/head&gt;
  &lt;script type="text/javascript"&gt;
      var x,y,z;
  function Multiplication(o1, o2, o3){
   x=o1.value;
   y=o2.value;
   z=x*y;
   o3.value=z
  }
  function calcForm(formNode){
   Multiplication(formNode.value1, formNode.value2, formNode.value3);
  }
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div style="display:none"&gt;
  &lt;form name="calc"&gt;
   &lt;h1&gt;Online Calculator&lt;/h1&gt;
   Enter first Numeric Value :   
   &lt;input
      id="value1"
      type       = "text" 
      onchange   = "calcForm(this.parentNode)"
      onkeypress = "this.onchange();"
      onpaste    = "this.onchange();"
      oninput    = "this.onchange();"
      onloadstart     ="this.onchange();"
      
      value   = "5"
   /&gt; 
    &lt;/br&gt;
   Enter Second Numeric Value : 
  
   &lt;input
      id="value2"
      type       = "text" 
      onchange   = "calcForm(this.parentNode)"
      onloadstart= "this.onchange();"
      onkeypress = "this.onchange();"
      onpaste    = "this.onchange();"
      oninput    = "this.onchange();"
      value   = "1"
   /&gt; 
    &lt;/br&gt;
    &lt;/br&gt;
   Result of the Arithmetic operation is : &lt;output type="number" id="value3"&gt; &lt;/output&gt;&lt;/br&gt;
   &lt;/form&gt;
  &lt;/div&gt;
  
  &lt;div id="i_container"&gt;
  &lt;/div&gt;
  
   &lt;form name="out" &gt;
   Estimated total: &lt;output type="number" id="hello"&gt;&lt;/output&gt;
   &lt;br&gt;&lt;input type="submit"&gt;
      &lt;/form&gt;
  &lt;script&gt;
   count = 2;
   my_parent = document.getElementById('i_container');
   for(i=0; i&lt;count; i++){
    nw = calc.cloneNode(true);
    nw.name = "dynamic_name_"+i;
    nw.id = "dynamic_id_"+i;
    my_parent.appendChild(nw);
   }
   for(i=0; i&lt;count; i++){
    p = document.getElementById("dynamic_id_"+i);
    calcForm(p);
   }
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>