Pastable version of How to Refactor from a Loop... to no Loops...

<div style="overflow:auto;border:solid 1px #ccc;background:#000;color:#F8F8F8">
          <div class="section">
            
            <pre style="float:left;margin:0 10px;border-right:0;color:#666;">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43</pre>
            <pre class="sunburst"><span style="color:#E28964;">&lt;</span>html<span style="color:#E28964;">&gt;</span>
<span style="color:#E28964;">&lt;</span>head<span style="color:#E28964;">&gt;</span>   
<span style="color:#E28964;">&lt;</span>title<span style="color:#E28964;">&gt;</span>My Experiment<span style="color:#E28964;">&lt;</span>/title<span style="color:#E28964;">&gt;</span>

<span style="color:#E28964;">&lt;</span>script type<span style="color:#E28964;">=</span><span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>text/javascript<span style="color:#65B042;">&quot;</span></span> language<span style="color:#E28964;">=</span><span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>javascript<span style="color:#65B042;">&quot;</span></span><span style="color:#E28964;">&gt;</span>    
    <span style="color:#99CF50;">function</span> <span style="color:#89BDFF;">updateResult</span>() {   
    <span style="color:#99CF50;">var</span> result<span style="color:#E28964;">=</span><span style="color:#3387CC;">0</span>; 
       
        <span style="color:#E28964;">for</span>(i<span style="color:#E28964;">=</span><span style="color:#3387CC;">1</span>;i<span style="color:#E28964;">&lt;=</span><span style="color:#3387CC;">3</span>;i<span style="color:#E28964;">++</span>){        
          <span style="color:#E28964;">if</span>(<span style="color:#9B859D;">document</span>.<span style="color:#DAD085;">getElementById</span>(<span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>cb<span style="color:#65B042;">&quot;</span></span><span style="color:#E28964;">+</span>i).<span style="color:#CF6A4C;">checked</span>){
            result <span style="color:#E28964;">+</span><span style="color:#E28964;">=</span> <span style="color:#DAD085;">parseInt</span>(<span style="color:#9B859D;">document</span>.<span style="color:#DAD085;">getElementById</span>(<span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>tf<span style="color:#65B042;">&quot;</span></span><span style="color:#E28964;">+</span>i).<span style="color:#CF6A4C;">value</span>)       
            }          
          }
             <span style="color:#9B859D;">document</span>.<span style="color:#DAD085;">getElementById</span>(<span style="color:#65B042;"><span style="color:#65B042;">'</span>result<span style="color:#65B042;">'</span></span>).innerHTML <span style="color:#E28964;">=</span> result;
          }
         
<span style="color:#E28964;">&lt;</span>/script<span style="color:#E28964;">&gt;</span>
   
<span style="color:#E28964;">&lt;</span>/head<span style="color:#E28964;">&gt;</span>
    
<span style="color:#E28964;">&lt;</span>body<span style="color:#E28964;">&gt;</span>  
<span style="color:#E28964;">&lt;</span>form<span style="color:#E28964;">&gt;</span>
<span style="color:#E28964;">&lt;</span>p<span style="color:#E28964;">&gt;</span> <span style="color:#E28964;">&lt;</span>input type<span style="color:#E28964;">=</span><span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>checkbox<span style="color:#65B042;">&quot;</span></span> id<span style="color:#E28964;">=</span><span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>cb1<span style="color:#65B042;">&quot;</span></span> <span style="color:#DAD085;">onClick</span><span style="color:#E28964;">=</span><span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>updateResult()<span style="color:#65B042;">&quot;</span></span> /<span style="color:#E28964;">&gt;</span>  
    <span style="color:#E28964;">&lt;</span>input type<span style="color:#E28964;">=</span><span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>textfield<span style="color:#65B042;">&quot;</span></span> id<span style="color:#E28964;">=</span><span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>tf1<span style="color:#65B042;">&quot;</span></span> value<span style="color:#E28964;">=</span><span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>10<span style="color:#65B042;">&quot;</span></span> onkeyup<span style="color:#E28964;">=</span><span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>updateResult()<span style="color:#65B042;">&quot;</span></span>/<span style="color:#E28964;">&gt;</span>
<span style="color:#E28964;">&lt;</span>/p<span style="color:#E28964;">&gt;</span> 
 
<span style="color:#E28964;">&lt;</span>p<span style="color:#E28964;">&gt;</span><span style="color:#E28964;">&lt;</span>input type<span style="color:#E28964;">=</span><span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>checkbox<span style="color:#65B042;">&quot;</span></span> id<span style="color:#E28964;">=</span><span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>cb2<span style="color:#65B042;">&quot;</span></span> <span style="color:#DAD085;">onClick</span><span style="color:#E28964;">=</span><span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>updateResult()<span style="color:#65B042;">&quot;</span></span> /<span style="color:#E28964;">&gt;</span>  
    <span style="color:#E28964;">&lt;</span>input type<span style="color:#E28964;">=</span><span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>textfield<span style="color:#65B042;">&quot;</span></span> id<span style="color:#E28964;">=</span><span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>tf2<span style="color:#65B042;">&quot;</span></span> value<span style="color:#E28964;">=</span><span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>5<span style="color:#65B042;">&quot;</span></span> onkeyup<span style="color:#E28964;">=</span><span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>updateResult()<span style="color:#65B042;">&quot;</span></span>/<span style="color:#E28964;">&gt;</span>
 <span style="color:#E28964;">&lt;</span>/p<span style="color:#E28964;">&gt;</span>

<span style="color:#E28964;">&lt;</span>p<span style="color:#E28964;">&gt;</span>  
    <span style="color:#E28964;">&lt;</span>input type<span style="color:#E28964;">=</span><span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>checkbox<span style="color:#65B042;">&quot;</span></span> id<span style="color:#E28964;">=</span><span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>cb3<span style="color:#65B042;">&quot;</span></span> <span style="color:#DAD085;">onClick</span><span style="color:#E28964;">=</span><span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>updateResult()<span style="color:#65B042;">&quot;</span></span> /<span style="color:#E28964;">&gt;</span>  
    <span style="color:#E28964;">&lt;</span>input type<span style="color:#E28964;">=</span><span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>textfield<span style="color:#65B042;">&quot;</span></span> id<span style="color:#E28964;">=</span><span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>tf3<span style="color:#65B042;">&quot;</span></span> value<span style="color:#E28964;">=</span><span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>20<span style="color:#65B042;">&quot;</span></span> onkeyup<span style="color:#E28964;">=</span><span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>updateResult()<span style="color:#65B042;">&quot;</span></span> /<span style="color:#E28964;">&gt;</span>   
<span style="color:#E28964;">&lt;</span>/p<span style="color:#E28964;">&gt;</span>
    
<span style="color:#E28964;">&lt;</span>p<span style="color:#E28964;">&gt;</span>    
    Total Result: <span style="color:#E28964;">&lt;</span>span id<span style="color:#E28964;">=</span><span style="color:#65B042;"><span style="color:#65B042;">&quot;</span>result<span style="color:#65B042;">&quot;</span></span><span style="color:#E28964;">&gt;</span><span style="color:#3387CC;">0</span><span style="color:#E28964;">&lt;</span>/span<span style="color:#E28964;">&gt;</span>
<span style="color:#E28964;">&lt;</span>/p<span style="color:#E28964;">&gt;</span>
   
<span style="color:#E28964;">&lt;</span>/form<span style="color:#E28964;">&gt;</span>
<span style="color:#E28964;">&lt;</span>/body<span style="color:#E28964;">&gt;</span>
<span style="color:#E28964;">&lt;</span>/html<span style="color:#E28964;">&gt;</span>
</pre>
          </div>
        </div>

<a href="http://refactormycode.com/codes/199-how-to-refactor-from-a-loop-to-no-loops" style="color:#fff" title="As seen on RefactorMyCode.com"><img alt="Small_logo" src="http://refactormycode.com/images/small_logo.gif" style="border:0" /></a>

counter free hit invisible