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> |