如何在 Code.org App Lab 中显示表格中的值？

Question

我在 Code.org App Lab 中使用 JS 制作了一个计算器 - Caclulator v1.0

在此计算器中，每次按下等号按钮时，problemText、problemText_2、operator 和 answerText 都会被放入表格中的一条记录中，arithCalc。计算器中有一个屏幕，用于显示以前的计算。在textArea 或表格中。有没有办法使用readRecords()从表中获取值，并显示在arithDisplay的textArea或arithDisplay的表中？

代码如下：

//ARITHMETIC CALCULATOR

var problemText;
var operator;
var problemText_2 = "";
var answerText;

onEvent("arithButton","click", function() {
  setScreen("arithmeticScreen");
  });

//button1
onEvent("b1","click",function() {
  problemText = getText("problemBox");
  setProperty("problemBox", "text", problemText + "1");
  problemText =(getText("problemBox"));
  console.log(problemText);
  
  if (problemText != null) {
    setProperty("plusButton","hidden",false);
    setProperty("minusButton","hidden",false);
    setProperty("multiplyButton","hidden",false);
    setProperty("divisionButton","hidden",false);
  } else {
    setProperty("plusButton","hidden",true);
    setProperty("minusButton","hidden",true);
    setProperty("multiplyButton","hidden",true);
    setProperty("divisionButton","hidden",true);
  }
  
  if (problemText.length  > 4) {
    setProperty("b0","hidden",true);
    setProperty("b1","hidden",true);
    setProperty("b2","hidden",true);
    setProperty("b3","hidden",true);
    setProperty("b4","hidden",true);
    setProperty("b5","hidden",true);
    setProperty("b6","hidden",true);
    setProperty("b7","hidden",true);
    setProperty("b8","hidden",true);
    setProperty("b9","hidden",true);
  }
});

//button2
onEvent("b2","click",function() {
  problemText = getText("problemBox");
  setProperty("problemBox", "text", problemText + "2");
  problemText =(getText("problemBox"));
  console.log(problemText);
  
  if (problemText != null) {
    setProperty("plusButton","hidden",false);
    setProperty("minusButton","hidden",false);
    setProperty("multiplyButton","hidden",false);
    setProperty("divisionButton","hidden",false);
  } else {
    setProperty("plusButton","hidden",true);
    setProperty("minusButton","hidden",true);
    setProperty("multiplyButton","hidden",true);
    setProperty("divisionButton","hidden",true);
  }
  
  if (problemText.length  > 4) {
    setProperty("b0","hidden",true);
    setProperty("b1","hidden",true);
    setProperty("b2","hidden",true);
    setProperty("b3","hidden",true);
    setProperty("b4","hidden",true);
    setProperty("b5","hidden",true);
    setProperty("b6","hidden",true);
    setProperty("b7","hidden",true);
    setProperty("b8","hidden",true);
    setProperty("b9","hidden",true);
  }
});

//button3
onEvent("b3","click",function() {
  problemText = getText("problemBox");
  setProperty("problemBox", "text", problemText + "3");
  problemText =(getText("problemBox"));
  console.log(problemText);
  
  if (problemText != null) {
    setProperty("plusButton","hidden",false);
    setProperty("minusButton","hidden",false);
    setProperty("multiplyButton","hidden",false);
    setProperty("divisionButton","hidden",false);
  } else {
    setProperty("plusButton","hidden",true);
    setProperty("minusButton","hidden",true);
    setProperty("multiplyButton","hidden",true);
    setProperty("divisionButton","hidden",true);
  }
  
  if (problemText.length  > 4) {
    setProperty("b0","hidden",true);
    setProperty("b1","hidden",true);
    setProperty("b2","hidden",true);
    setProperty("b3","hidden",true);
    setProperty("b4","hidden",true);
    setProperty("b5","hidden",true);
    setProperty("b6","hidden",true);
    setProperty("b7","hidden",true);
    setProperty("b8","hidden",true);
    setProperty("b9","hidden",true);
  }
});

//button4
onEvent("b4","click",function() {
  problemText = getText("problemBox");
  setProperty("problemBox", "text", problemText + "4");
  problemText =(getText("problemBox"));
  console.log(problemText);
  
  if (problemText != null) {
    setProperty("plusButton","hidden",false);
    setProperty("minusButton","hidden",false);
    setProperty("multiplyButton","hidden",false);
    setProperty("divisionButton","hidden",false);
  } else {
    setProperty("plusButton","hidden",true);
    setProperty("minusButton","hidden",true);
    setProperty("multiplyButton","hidden",true);
    setProperty("divisionButton","hidden",true);
  }
  
  if (problemText.length  > 4) {
    setProperty("b0","hidden",true);
    setProperty("b1","hidden",true);
    setProperty("b2","hidden",true);
    setProperty("b3","hidden",true);
    setProperty("b4","hidden",true);
    setProperty("b5","hidden",true);
    setProperty("b6","hidden",true);
    setProperty("b7","hidden",true);
    setProperty("b8","hidden",true);
    setProperty("b9","hidden",true);
  }
});

//button5
onEvent("b5","click",function() {
  problemText = getText("problemBox");
  setProperty("problemBox", "text", problemText + "5");
  problemText =(getText("problemBox"));
  console.log(problemText);
  
  if (problemText != null) {
    setProperty("plusButton","hidden",false);
    setProperty("minusButton","hidden",false);
    setProperty("multiplyButton","hidden",false);
    setProperty("divisionButton","hidden",false);
  } else {
    setProperty("plusButton","hidden",true);
    setProperty("minusButton","hidden",true);
    setProperty("multiplyButton","hidden",true);
    setProperty("divisionButton","hidden",true);
  }
  
  if (problemText.length  > 4) {
    setProperty("b0","hidden",true);
    setProperty("b1","hidden",true);
    setProperty("b2","hidden",true);
    setProperty("b3","hidden",true);
    setProperty("b4","hidden",true);
    setProperty("b5","hidden",true);
    setProperty("b6","hidden",true);
    setProperty("b7","hidden",true);
    setProperty("b8","hidden",true);
    setProperty("b9","hidden",true);
  }
});

//button6
onEvent("b6","click",function() {
  problemText = getText("problemBox");
  setProperty("problemBox", "text", problemText + "6");
  problemText =(getText("problemBox"));
  console.log(problemText);
  
  if (problemText != null) {
    setProperty("plusButton","hidden",false);
    setProperty("minusButton","hidden",false);
    setProperty("multiplyButton","hidden",false);
    setProperty("divisionButton","hidden",false);
  } else {
    setProperty("plusButton","hidden",true);
    setProperty("minusButton","hidden",true);
    setProperty("multiplyButton","hidden",true);
    setProperty("divisionButton","hidden",true);
  }
  
  if (problemText.length  > 4) {
    setProperty("b0","hidden",true);
    setProperty("b1","hidden",true);
    setProperty("b2","hidden",true);
    setProperty("b3","hidden",true);
    setProperty("b4","hidden",true);
    setProperty("b5","hidden",true);
    setProperty("b6","hidden",true);
    setProperty("b7","hidden",true);
    setProperty("b8","hidden",true);
    setProperty("b9","hidden",true);
  }
});

//button7
onEvent("b7","click",function() {
  problemText = getText("problemBox");
  setProperty("problemBox", "text", problemText + "7");
  problemText =(getText("problemBox"));
  console.log(problemText);
  
  if (problemText != null) {
    setProperty("plusButton","hidden",false);
    setProperty("minusButton","hidden",false);
    setProperty("multiplyButton","hidden",false);
    setProperty("divisionButton","hidden",false);
  } else {
    setProperty("plusButton","hidden",true);
    setProperty("minusButton","hidden",true);
    setProperty("multiplyButton","hidden",true);
    setProperty("divisionButton","hidden",true);
  }
  
  if (problemText.length  > 4) {
    setProperty("b0","hidden",true);
    setProperty("b1","hidden",true);
    setProperty("b2","hidden",true);
    setProperty("b3","hidden",true);
    setProperty("b4","hidden",true);
    setProperty("b5","hidden",true);
    setProperty("b6","hidden",true);
    setProperty("b7","hidden",true);
    setProperty("b8","hidden",true);
    setProperty("b9","hidden",true);
  }
});

//button8
onEvent("b8","click",function() {
  problemText = getText("problemBox");
  setProperty("problemBox", "text", problemText + "8");
  problemText =(getText("problemBox"));
  console.log(problemText);
  
  if (problemText != null) {
    setProperty("plusButton","hidden",false);
    setProperty("minusButton","hidden",false);
    setProperty("multiplyButton","hidden",false);
    setProperty("divisionButton","hidden",false);
  } else {
    setProperty("plusButton","hidden",true);
    setProperty("minusButton","hidden",true);
    setProperty("multiplyButton","hidden",true);
    setProperty("divisionButton","hidden",true);
  }
  
  if (problemText.length  > 4) {
    setProperty("b0","hidden",true);
    setProperty("b1","hidden",true);
    setProperty("b2","hidden",true);
    setProperty("b3","hidden",true);
    setProperty("b4","hidden",true);
    setProperty("b5","hidden",true);
    setProperty("b6","hidden",true);
    setProperty("b7","hidden",true);
    setProperty("b8","hidden",true);
    setProperty("b9","hidden",true);
  }
});
  
//button9
onEvent("b9","click",function() {
  problemText = getText("problemBox");
  setProperty("problemBox", "text", problemText + "9");
  problemText =(getText("problemBox"));
  console.log(problemText);
  
  if (problemText != null) {
    setProperty("plusButton","hidden",false);
    setProperty("minusButton","hidden",false);
    setProperty("multiplyButton","hidden",false);
    setProperty("divisionButton","hidden",false);
  } else {
    setProperty("plusButton","hidden",true);
    setProperty("minusButton","hidden",true);
    setProperty("multiplyButton","hidden",true);
    setProperty("divisionButton","hidden",true);
  }
  
  if (problemText.length  > 4) {
    setProperty("b0","hidden",true);
    setProperty("b1","hidden",true);
    setProperty("b2","hidden",true);
    setProperty("b3","hidden",true);
    setProperty("b4","hidden",true);
    setProperty("b5","hidden",true);
    setProperty("b6","hidden",true);
    setProperty("b7","hidden",true);
    setProperty("b8","hidden",true);
    setProperty("b9","hidden",true);
  }
});

//button0
onEvent("b0","click",function() {
  problemText = getText("problemBox");
  setProperty("problemBox", "text", problemText + "0");
  problemText =(getText("problemBox"));
  console.log(problemText);
  
  if (problemText != null) {
    setProperty("plusButton","hidden",false);
    setProperty("minusButton","hidden",false);
    setProperty("multiplyButton","hidden",false);
    setProperty("divisionButton","hidden",false);
  } else {
    setProperty("plusButton","hidden",true);
    setProperty("minusButton","hidden",true);
    setProperty("multiplyButton","hidden",true);
    setProperty("divisionButton","hidden",true);
  }
  
  if (problemText.length  > 4) {
    setProperty("b0","hidden",true);
    setProperty("b1","hidden",true);
    setProperty("b2","hidden",true);
    setProperty("b3","hidden",true);
    setProperty("b4","hidden",true);
    setProperty("b5","hidden",true);
    setProperty("b6","hidden",true);
    setProperty("b7","hidden",true);
    setProperty("b8","hidden",true);
    setProperty("b9","hidden",true);
  }
});

onEvent("divisionButton","click", function() {
  operator = "÷";
  
  setProperty("plusButton","hidden",true);
  setProperty("minusButton","hidden",true);
  setProperty("multiplyButton","hidden",true);
  setProperty("divisionButton","hidden",true);
  
  setProperty("b0b","hidden",false);
  setProperty("b1b","hidden",false);
  setProperty("b2b","hidden",false);
  setProperty("b3b","hidden",false);
  setProperty("b4b","hidden",false);
  setProperty("b5b","hidden",false);
  setProperty("b6b","hidden",false);
  setProperty("b7b","hidden",false);
  setProperty("b8b","hidden",false);
  setProperty("b9b","hidden",false);
  
  setProperty("problemBox","text",problemText + " " + operator);
  
  problemText = Number(problemText);
  
  problemText_2 =  "";
  
  /*createRecord("arithCalc",{num1:problemText, operator:"÷"});*/
});

onEvent("plusButton","click", function() {
  operator = "+";
  
  setProperty("plusButton","hidden",true);
  setProperty("minusButton","hidden",true);
  setProperty("multiplyButton","hidden",true);
  setProperty("divisionButton","hidden",true);
  
  setProperty("b0b","hidden",false);
  setProperty("b1b","hidden",false);
  setProperty("b2b","hidden",false);
  setProperty("b3b","hidden",false);
  setProperty("b4b","hidden",false);
  setProperty("b5b","hidden",false);
  setProperty("b6b","hidden",false);
  setProperty("b7b","hidden",false);
  setProperty("b8b","hidden",false);
  setProperty("b9b","hidden",false);
  
  setProperty("problemBox","text",problemText + " " + operator);
  
  problemText = Number(problemText);
  
  problemText_2 =  "";
  
  /*createRecord("arithCalc",{num1:problemText, operator:"÷"});*/
});

onEvent("multiplyButton","click", function() {
  operator = "×";
  
  setProperty("plusButton","hidden",true);
  setProperty("minusButton","hidden",true);
  setProperty("multiplyButton","hidden",true);
  setProperty("divisionButton","hidden",true);
  
  setProperty("b0b","hidden",false);
  setProperty("b1b","hidden",false);
  setProperty("b2b","hidden",false);
  setProperty("b3b","hidden",false);
  setProperty("b4b","hidden",false);
  setProperty("b5b","hidden",false);
  setProperty("b6b","hidden",false);
  setProperty("b7b","hidden",false);
  setProperty("b8b","hidden",false);
  setProperty("b9b","hidden",false);
  
  setProperty("problemBox","text",problemText + " " + operator);
  
  problemText = Number(problemText);
  
  problemText_2 =  "";
  
  /*createRecord("arithCalc",{num1:problemText, operator:"÷"});*/
});

onEvent("minusButton","click", function() {
  operator = "-";
  
  setProperty("plusButton","hidden",true);
  setProperty("minusButton","hidden",true);
  setProperty("multiplyButton","hidden",true);
  setProperty("divisionButton","hidden",true);
  
  setProperty("b0b","hidden",false);
  setProperty("b1b","hidden",false);
  setProperty("b2b","hidden",false);
  setProperty("b3b","hidden",false);
  setProperty("b4b","hidden",false);
  setProperty("b5b","hidden",false);
  setProperty("b6b","hidden",false);
  setProperty("b7b","hidden",false);
  setProperty("b8b","hidden",false);
  setProperty("b9b","hidden",false);           
  
  setProperty("problemBox","text",problemText + " " + operator);
  
  problemText = Number(problemText);
  
  problemText_2 =  String("");
  
  /*createRecord("arithCalc",{num1:problemText, operator:"÷"});*/
});

onEvent("b0b","click",function() {
  problemText_2 = problemText_2 + String(0);
  setProperty("problemBox", "text", problemText + " " + operator + " " + problemText_2);
  console.log(problemText_2.length);
  problemText_2 =  problemText_2;
});

onEvent("b1b","click",function() {
  problemText_2 = problemText_2 + String(1);
  setProperty("problemBox", "text", problemText + " " + operator + " " + problemText_2);
  console.log(problemText_2.length);
  problemText_2 =  problemText_2;
});

onEvent("b2b","click",function() {
  problemText_2 = problemText_2 + String(2);
  setProperty("problemBox", "text", problemText + " " + operator + " " + problemText_2);
  console.log(problemText_2.length);
  problemText_2 =  problemText_2;
});

onEvent("b3b","click",function() {
  problemText_2 = problemText_2 + String(3);
  setProperty("problemBox", "text", problemText + " " + operator + " " + problemText_2);
  console.log(problemText_2.length);
  problemText_2 =  problemText_2;
});

onEvent("b4b","click",function() {
  problemText_2 = problemText_2 + String(4);
  setProperty("problemBox", "text", problemText + " " + operator + " " + problemText_2);
  console.log(problemText_2.length);
  problemText_2 =  problemText_2;
});

onEvent("b5b","click",function() {
  problemText_2 = problemText_2 + String(5);
  setProperty("problemBox", "text", problemText + " " + operator + " " + problemText_2);
  console.log(problemText_2.length);
  problemText_2 =  problemText_2;
});

onEvent("b6b","click",function() {
  problemText_2 = problemText_2 + String(6);
  setProperty("problemBox", "text", problemText + " " + operator + " " + problemText_2);
  console.log(problemText_2.length);
  problemText_2 =  problemText_2;
});

onEvent("b7b","click",function() {
  problemText_2 = problemText_2 + String(7);
  setProperty("problemBox", "text", problemText + " " + operator + " " + problemText_2);
  console.log(problemText_2.length);
  problemText_2 =  problemText_2;
});

onEvent("b8b","click",function() {
  problemText_2 = problemText_2 + String(8);
  setProperty("problemBox", "text", problemText + " " + operator + " " + problemText_2);
  console.log(problemText_2.length);
  problemText_2 =  problemText_2;
});

onEvent("b9b","click",function() {
  problemText_2 = problemText_2 + String(9);
  setProperty("problemBox", "text", problemText + " " + operator + " " + problemText_2);
  console.log(problemText_2.length);
  problemText_2 =  problemText_2;
});

setInterval(function() {
  if (problemText_2.length > 4) {
    setProperty("b0b","hidden",true);
    setProperty("b1b","hidden",true);
    setProperty("b2b","hidden",true);
    setProperty("b3b","hidden",true);
    setProperty("b4b","hidden",true);
    setProperty("b5b","hidden",true);
    setProperty("b6b","hidden",true);
    setProperty("b7b","hidden",true);
    setProperty("b8b","hidden",true);
    setProperty("b9b","hidden",true);
    
    setProperty("b0","hidden",true);
    setProperty("b1","hidden",true);
    setProperty("b2","hidden",true);
    setProperty("b3","hidden",true);
    setProperty("b4","hidden",true);
    setProperty("b5","hidden",true);
    setProperty("b6","hidden",true);
    setProperty("b7","hidden",true);
    setProperty("b8","hidden",true);
    setProperty("b9","hidden",true);
  }
},1);

onEvent("homeButton","click", function() {
  setScreen("startScreen");
});

onEvent("equalButton","click", function() {
  if (operator === "÷") {
    problemText = Number(problemText);
    problemText_2 =  Number(problemText_2);
    answerText = (problemText/problemText_2).toFixed(5);
  } else if (operator === "×") {
    problemText = Number(problemText);
    problemText_2 =  Number(problemText_2);
    answerText = problemText*problemText_2;
  } else if (operator === "+") {
    problemText = Number(problemText);
    problemText_2 =  Number(problemText_2);
    answerText = problemText + problemText_2;
  } else if (operator === "-") {
    problemText = Number(problemText);
    problemText_2 =  Number(problemText_2);
    answerText = problemText - problemText_2;
  }
  
  setText("answerBox",String(answerText));
  
  createRecord("arithCalc",{num1:problemText, operator:operator, num2:problemText_2, result:answerText},  function() {
    setProperty("b0b","hidden",true);
    setProperty("b1b","hidden",true);
    setProperty("b2b","hidden",true);
    setProperty("b3b","hidden",true);
    setProperty("b4b","hidden",true);
    setProperty("b5b","hidden",true);
    setProperty("b6b","hidden",true);
    setProperty("b7b","hidden",true);
    setProperty("b8b","hidden",true);
    setProperty("b9b","hidden",true);
    
    setProperty("b0","hidden",false);
    setProperty("b1","hidden",false);
    setProperty("b2","hidden",false);
    setProperty("b3","hidden",false);
    setProperty("b4","hidden",false);
    setProperty("b5","hidden",false);
    setProperty("b6","hidden",false);
    setProperty("b7","hidden",false);
    setProperty("b8","hidden",false);
    setProperty("b9","hidden",false);
    
    problemText = undefined;
    setProperty("problemBox","text","");
    operator = undefined;
    problemText_2 = "";
    answerText = undefined;
    setText("answerBox","");
  });
});

onEvent("clearButton","click",function() {
  setProperty("b0b","hidden",true);
  setProperty("b1b","hidden",true);
  setProperty("b2b","hidden",true);
  setProperty("b3b","hidden",true);
  setProperty("b4b","hidden",true);
  setProperty("b5b","hidden",true);
  setProperty("b6b","hidden",true);
  setProperty("b7b","hidden",true);
  setProperty("b8b","hidden",true);
  setProperty("b9b","hidden",true);
    
  setProperty("b0","hidden",false);
  setProperty("b1","hidden",false);
  setProperty("b2","hidden",false);
  setProperty("b3","hidden",false);
  setProperty("b4","hidden",false);
  setProperty("b5","hidden",false);
  setProperty("b6","hidden",false);
  setProperty("b7","hidden",false);
  setProperty("b8","hidden",false);
  setProperty("b9","hidden",false);
  
  problemText = undefined;
  setProperty("problemBox","text","");
  operator = undefined;
  problemText_2 = "";
  answerText = undefined;
  setText("answerBox","");
});

onEvent("previousResults","click",function() {
  setScreen("displayArithmetic");
});
//ARITHMETIC CALCULATOR



//DISPLAY ARITHMETIC RESULTS

onEvent("homeButton_pc","click",function()  {
  setScreen("startScreen");
});

//DISPLAY ARITHMETIC RESULTS

Answer 1

arithDisplay 是变量吗？它没有显示在任何地方，或者我找不到它。请将您的代码大小缩减到最重要的程度。

readRecords("table",{},function(records) {
 for(var i = 0 ; i < records.length ; i++) {
  setText("id",record[i].text);
 }
});

这应该可以实现我认为您想要的。此外，您可以使用更短的setText()，而不是写setProperty()。