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