chikoski · April 24, 2013 03:06
diff --git a/addition.css b/addition.css
    input{
      display: inline;
    }
diff --git a/addition.html b/addition.html
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset=utf-8 />
    <title>計算機</title>
    </head>
    <body>
      <form>
        <input type="text" size="5" id="a"> +
        <input type="text" size="5" id="b"> = 
        <input type="text" size="5" id="c">
      </form>
    </body>
    </html>
diff --git a/addition.js b/addition.js
    var calc = function(e){
      var input_a = document.getElementById("a");
      var input_b = document.getElementById("b");
      var input_c = document.getElementById("c");
      
      var a = Number(input_a.value);
      var b = Number(input_b.value);
      var c = a + b;
      input_c.value = c;
    };
    
    var input_a = document.getElementById("a");
    var input_b = document.getElementById("b");
    
    input_a.onchange = calc;
    input_b.onchange = calc;
	var calc = function(e){
	var input_a = document.getElementById("a");
	var input_b = document.getElementById("b");
	var input_c = document.getElementById("c");

	var a = Number(input_a.value);
	var b = Number(input_b.value);
	var c = a + b;
	input_c.value = c;
	};

	var input_a = document.getElementById("a");
	var input_b = document.getElementById("b");

	input_a.onchange = calc;
	input_b.onchange = calc;