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>