title: Javascript form calculations output
body: <p>I have a form that calculates price per square meters of ceiling. 
  And ion range slider as input, then it calculates price and outputs data to inputs. But I need to change inputs with <code>span</code> or <code>div</code>. Any suggestions?</p>
  
  <p>Here is the html:</p>
  
  <pre><code>&lt;form id="calc"&gt;
    &lt;div id="1"&gt;
  
    &lt;p&gt; 
      &lt;input id="rel"  oninput="
      var v = this.value; 
      this.form.new.value = isNaN(v) ? '' : (v * 450).toFixed (0); 
      var v = this.value; this.form.new2.value = isNaN(v) ? '' : (v * 650).toFixed (0)" 
      style="display: none;"&gt;
    &lt;/p&gt;
  
    &lt;p&gt;&lt;p&gt;
     &lt;span  class="small"&gt;from &lt;/span&gt;
  &lt;span class="new"&gt;&lt;/span&gt;
     &lt;input type="text" disabled="disabled" name="new" size="2" maxlength="4" value="0" &gt;
      &lt;span class="small"&gt;to &lt;/span&gt;&lt;input type="text" disabled="disabled" name="new2" size="2" maxlength="4" value="0"&gt;
      &lt;div class="result" id="result"&gt;
  
      &lt;/div&gt;
    &lt;/p&gt;
  
    &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>and here you can find how it works <a href="http://jsfiddle.net/khvoroffski/50apyyr5/" rel="nofollow noreferrer">http://jsfiddle.net/khvoroffski/50apyyr5/</a></p>