文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在Code.org应用实验室中显示表中的值？

问如何在Code.org应用实验室中显示表中的值？
EN

Stack Overflow用户

提问于 2020-07-20 12:52:51

回答 1查看 192关注 0票数 0

我已经使用JS - Caclulator v1.0在Code.org应用实验室做了一个计算器

在此计算器中，每次按下equal按钮时，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

javascript

database

calculator

code.org

app-lab

回答 1

Stack Overflow用户

发布于 2021-04-21 00:44:52

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

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

这应该能实现我认为你想要的。同样，你也可以使用更短的setText()，而不是编写setProperty()。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/62988855

复制

相似问题

问如何在Code.org应用实验室中显示表中的值？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Code.org应用实验室中显示表中的值？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Code.org应用实验室中显示表中的值？
EN