function
setup() {
createCanvas(500, 300);
textSize(18);
changeBtn =
createButton(
"Modify Table"
);
changeBtn.position(30, 40);
changeBtn.mouseClicked(modifyTable);
table =
new
p5.Table();
for
(let i = 0; i < 5; i++) {
table.addColumn(
"Column "
+ i);
table.addRow();
}
setTableData();
showTable();
}
function
setTableData() {
for
(let r = 0; r < 5; r++) {
for
(let c = 0; c < 5; c++) {
table.set(r, c, 0 +
" "
+ 0);
}
}
showTable();
}
function
modifyTable() {
for
(let r = 0; r < 5; r++) {
let tableRow = table.rows[r];
for
(let c = 0; c < 5; c++) {
if
(r == c)
tableRow.set(c,
"XX"
);
if
(r + c == 4)
tableRow.set(c,
"YY"
);
}
}
showTable();
}
function
showTable() {
clear();
text(
"The values are added and "
+
"modified using the set() method"
,
20, 20);
for
(let r = 0; r < 5; r++) {
for
(let c = 0; c < 5; c++) {
text(table.getString(r, c),
20 + 80 * c, 80 + 20 * r);
}
}
}