title: Trying to create a calculator that display the previous typed number at the top
body: <p><a href="http://i.stack.imgur.com/8ugTT.png" rel="nofollow">Windows calculator here. </a>This is the full code of my calculator. i think the function is correct but i want to display the previous number i typed  at the top of the current number i typed just as the default calculator running on windows.</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;/head&gt;
  &lt;style&gt;
  input[type=button] {
      color:white;
      border:0;
      display:block;
      height:110px;
      width: 90px;
   font-family: Broadway;
   font-size:200%;
   box-shadow: 0px 4px rgba(0, 0, 0, 0.2);
   border-radius: 3px;
   margin: 0 7px 11px 0;
   transition: all 0.2s ease;
  }
  td{
   background-color:;
   
   
  
  }
  input[type=text] {
      color:black;
   font-size:300%;
       height:100px;
   border-radius: 5px;
    
   
  }
  #calculator {
   width: 425px;
   height: auto;
   
   margin: 100px auto;
   padding: 20px 20px 9px;
   
   background: #9dd2ea;
   background: linear-gradient(#9dd2ea, #8bceec);
   border-radius: 3px;
   box-shadow: 0px 4px #009de4, 0px 10px 15px rgba(0, 0, 0, 0.2);
   
  }
  
  p{
   color:grey;
  }
  
  #clear{
   height:2px;
   width:2px;
   background-color: red;
  }
  
  
  
  &lt;/style&gt;
  
  &lt;body background="background.jpg"&gt;
  
  
  &lt;div style="background-color: " id=calculator&gt;
  
  &lt;center&gt;
  &lt;h1&gt;CASIO&lt;/h1&gt;
  &lt;h3&gt;Calas og Sinselyo&lt;/h31&gt;
  &lt;br/&gt;
  &lt;/center&gt;
  &lt;center&gt;
  &lt;form Name="calc"&gt;
   &lt;table&gt;
    &lt;tr&gt;
     &lt;td colspan=4&gt;&lt;input style="background-color:#F0FFFF" type="text" size=12 Name="display" readonly="true"&gt;&lt;/td&gt;
    &lt;/tr&gt;
   &lt;/table&gt;
   &lt;br&gt;
   &lt;/center&gt;
   &lt;center&gt;
   &lt;table&gt; 
    &lt;tr&gt;
    
     &lt;td&gt;&lt;input style="height:50px; background-color:#F08080" type=button value="C" OnClick="calc.display.value=''"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td&gt;&lt;input type=button value="1" OnClick="calc.display.value+='1'"&gt;&lt;/td&gt;
     &lt;td&gt;&lt;input type=button value="2" OnClick="calc.display.value+='2'"&gt;&lt;/td&gt;
     &lt;td&gt;&lt;input type=button value="3" OnClick="calc.display.value+='3'"&gt;&lt;/td&gt;
     &lt;td&gt;&lt;input type=button value="+" OnClick="calc.display.value+='+'"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td&gt;&lt;input type=button value="4" OnClick="calc.display.value+='4'"&gt;&lt;/td&gt;
     &lt;td&gt;&lt;input type=button value="5" OnClick="calc.display.value+='5'"&gt;&lt;/td&gt;
     &lt;td&gt;&lt;input type=button value="6" OnClick="calc.display.value+='6'"&gt;&lt;/td&gt;
     &lt;td&gt;&lt;input type=button value="-" OnClick="calc.display.value+='-'"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td&gt;&lt;input type=button value="7" OnClick="calc.display.value+='7'"&gt;&lt;/td&gt;
     &lt;td&gt;&lt;input type=button value="8" OnClick="calc.display.value+='8'"&gt;&lt;/td&gt;
     &lt;td&gt;&lt;input type=button value="9" OnClick="calc.display.value+='9'"&gt;&lt;/td&gt;
     &lt;td&gt;&lt;input type=button value="x" OnClick="calc.display.value+='*'"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td&gt;&lt;input type=button value="0" OnClick="calc.display.value+='0'"&gt;&lt;/td&gt;
     &lt;td&gt;&lt;input type=button value="." OnClick="calc.display.value+='.'"&gt;&lt;/td&gt;
     &lt;td&gt;&lt;input type=button value="=" OnClick="calc.display.value=eval(calc.display.value)"&gt;&lt;/td&gt;
     &lt;td&gt;&lt;input type=button value="/" OnClick="calc.display.value+='/'"&gt;&lt;/td&gt;
    &lt;/tr&gt;
   &lt;/table&gt;
  &lt;/form&gt;
  &lt;/center&gt;
  &lt;p align="right"&gt;by: Raymart C. Lopez&lt;/p&gt;
  &lt;/div&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>