私が抱えている問題は、私の機能にありますcalculate()
。このプログラムの目的は、装飾用の CSS を使用して、JavaScript と html で動的なスプレッドシートを作成することです。
これまでのところ、スプレッドシートに値を挿入していますが、単純な加算計算を実行しようとすると、セルから取得している値が適切に取得されません。
これが、私に問題を引き起こしている具体的な機能です。ずさんなコードで申し訳ありません。何か助けていただければ幸いです。私が見逃しているのは単純なものだと確信しています。
編集:: 問題を修正しました。疑問に思っている方のために、innerHTML.text や value を呼び出す必要はありませんでした。問題のセルの単に .innerHTML でなければなりませんでした。
function calculate() {
//create two variables to get the values in the row and columns
var row1, row2, col1, col2, total, totalInsert;
var row = document.getElementById("row");
var col = document.getElementById("col");
var value = document.getElementById(row + "_" + col);
var formula = document.getElementById("inputText");
formula = formula.value; //=SUM(1,2,2,1)
formula1 = formula;
//get the raw values to ints
row = row.value;
col = col.value;
//get JUST the formula in questions part
formula = formula.substr(0,4);
//Parsing the the selected cells from =sum(1,1,2,1) into Cell ID's
col1 = parseInt(formula1.substr(5, 1));//row 1
row1 = parseInt(formula1.substr(7, 1));
col2 = parseInt(formula1.substr(9, 1));
row2 = parseInt(formula1.substr(11, 1)); // column2
//this gives us the proper cell's address. id=1_1
var td1 = col1 + "_" + row1;
var td2 = col2 + "_" + row2;
//problem starts around here
var sum = document.getElementById(td1);
var sum2 = document.getElementById(td2);
//this returns a undefined value
sum = sum.value;
sum2 = sum2.value;
//this restults in a NaN
sum = parseInt(sum);
sum2 = parseInt(sum2);
//creating the total value
total = sum + sum2;
//returning values
totalInsert = document.getElementById(td1).innerHTML = total;
}