function
setup() {
createCanvas(500, 300);
textSize(18);
text(
"Click on the button to get "
+
"the specific value in the table"
,
20, 20);
text(
"Enter row and column"
, 20, 60);
rowInp = createInput();
rowInp.position(30, 80);
rowInp.size(30, 20);
colInp = createInput();
colInp.position(70, 80);
colInp.size(30, 20);
setBtn =
createButton(
"Get value at row and column"
);
setBtn.position(30, 110);
setBtn.mouseClicked(getValueAt);
table =
new
p5.Table();
setTableData()
}
function
setTableData() {
for
(let i = 0; i < 5; i++) {
table.addColumn(
"Column "
+ i);
table.addRow();
}
for
(let r = 0; r < 5; r++) {
for
(let c = 0; c < 5; c++) {
table.set(r, c, r * 100 + c);
}
}
}
function
getValueAt() {
clear();
let rowToGet = int(rowInp.value());
let colToGet = int(colInp.value());
if
(rowToGet < table.getRowCount() &&
colToGet < table.getColumnCount()) {
text(
"The value at row "
+ rowToGet +
" and column "
+ colToGet +
" is:"
,
20, 160);
text(table.getNum(rowToGet, colToGet),
20, 180);
}
else
text(
"Please enter correct row and "
+
"column values"
, 20, 160);
text(
"Click on the button to get the "
+
"specific value in the table"
, 20, 20);
text(
"Enter row and column"
, 20, 60);
}