HOME SITE                                           計算 文字 → 数値 変換         HTML 4.01 Internet Explorer 11  2015-01-05 2015-01-05 改 

http://www.flapism.jp/html/107/ HTML 4.01 と XHTML 1.0 と HTML5 の違いまとめ
http://d.hatena.ne.jp/mindcat/20091012/1255354167 Number() : 実装関数 と ParseInt() : グローバル関数 の違い。
http://www.htmq.com/html5/input_type_number.shtml HTML5 タグリファレンス 「<input>タグのtype属性でtype="number"を指定すると、 数値の入力欄が作成されます」。
http://www.tagindex.com/javascript/form/focus.html ページを表示したときに、特定の入力欄にフォーカスを合わせておけるスクリプト。
table1 データ1(空欄に入力) データ2(空欄に入力) 取得 計算 表示 結果 var tbl = document.getElementById("table1") ;

var d1H = tbl.rows[1].cells[1].innerHTML ;
var d2H = tbl.rows[1].cells[2].innerHTML ;
var d1T = tbl.rows[1].cells[1].innerText ;
var d2T = tbl.rows[1].cells[2].innerText ;
var d1Hn = Number(tbl.rows[1].cells[1].innerHTML) ;
var d2Hn = Number(tbl.rows[1].cells[2].innerHTML) ;
var d1Tn = Number(tbl.rows[1].cells[1].innerText) ;
var d2Tn = Number(tbl.rows[1].cells[2].innerText) ;
//---------------------------------------------
tbl.rows[1].cells[6].innerHTML = d1H + d2H ;
tbl.rows[2].cells[6].innerText = d1H + d2H ;
tbl.rows[3].cells[6].innerHTML = d1T + d2T ;
tbl.rows[4].cells[6].innerText = d1T + d2T ;
//---------------------------------------------
tbl.rows[5].cells[6].innerHTML = d1H * d2H ;
tbl.rows[6].cells[6].innerText = d1H * d2H ;
tbl.rows[7].cells[6].innerHTML = d1T * d2T ;
tbl.rows[8].cells[6].innerText = d1T * d2T ;
//---------------------------------------------
tbl.rows[ 9].cells[6].innerHTML = d1Hn + d2Hn ;
tbl.rows[10].cells[6].innerText = d1Hn + d2Hn ;
tbl.rows[11].cells[6].innerHTML = d1Tn + d2Tn ;
tbl.rows[12].cells[6].innerText = d1Tn + d2Tn ;
//---------------------------------------------
tbl.rows[13].cells[6].innerHTML = d1Hn * d2Hn ;
tbl.rows[14].cells[6].innerText = d1Hn * d2Hn ;
tbl.rows[15].cells[6].innerHTML = d1Tn * d2Tn ;
tbl.rows[16].cells[6].innerText = d1Tn * d2Tn ;
1 15 20 innerHTML innerHTML
2 innerHTML innerText 
3 innerText innerHTML
4 innerText innerText 
5 innerHTML innerHTML
6 innerHTML innerText
7 innerText innerHTML これでも可?
8 innerText innerText
9 innerHTML innerHTML Number使用
10 innerHTML innerText
11 innerText innerHTML
12 innerText innerText
13 innerHTML innerHTML
14 innerHTML innerText
15 innerText innerHTML
16 innerText innerText
17 value innerHTM 15桁超えで?
function s1() {
var d3Vn = Number(document.getElementById( "d3" ).value) ;
var d4Vn = Number(document.getElementById( "d4" ).value) ;
var d17 = (d3Vn + d4Vn).toLocaleString(); // 3桁変換
var d18 = (d3Vn * d4Vn).toLocaleString();
tbl.rows[17].cells[6].innerHTML = d17 ;
tbl.rows[18].cells[6].innerHTML = d18 ;
}
function s2() { -------- 略    
18 value innerHTM 15桁超えで?
19 15 value innerHTM 15桁超えで?
20 value innerHTM 15桁超えで?
               
               
               
               
 ページを表示したときに、17行の入力欄にフォーカスを合わせる

<body onload = "document.form1.name1.focus();">

<form action="#" name="form1">
<table border="1" cellspacing="0" id="table1">
 <tbody>
  <tr>
   <td><input type="text" style="border: none; text-align:right;" id="d3" name="name1" onkeyup="s1();"></td>