显示功能中的数据

时间:2019-04-30 01:39:13

标签: javascript html json

创建一个名为display_data的JavaScript函数,该函数具有两个参数。第一个参数将是包含JSON Blob的字符串。第二个参数将是一个布尔值。首先使用JSON库将第一个参数转换为可用的JavaScript对象。

接下来,获取ID为“ data”的HTML元素。这个HTML元素是一个div。如果第二个参数等于true,则将与对象的“ total”键关联的值写入div。如果第二个参数等于false,则将与Object的“ average”键关联的值写入div。

我尝试了下面的代码,但不确定是否正确遵循了说明,直到下周在线评分器可用之前,我无法进行任何测试。

function display_data(json,boolean){
  var parseData = JSON.parse(json);
  var getElem = document.getElementById("data");
  if (boolean == true){
    document.getElementById("total").innerHTML = parseData;
  }
  else if (boolean == false){
    document.getElementById("average").innerHTML = parseData
  }
}

2 个答案:

答案 0 :(得分:1)

根据我的理解,您应该从JSON获取值。

function display_data(json,boolean){
  var parseData = JSON.parse(json);
  var getElem = document.getElementById("data");
  if (boolean == true){
    getElem .innerHTML = parseData.total;
  }
  else if (boolean == false){
    getElem .innerHTML = parseData.average;
  }
}

我认为这是正确的方法,

答案 1 :(得分:1)

您在正确的道路上。

'如果第二个参数等于false,则将与对象的“平均值” 关联的值写入div。”

function display_data(json,boolean){
  var parseData = JSON.parse(json);
  var getElem = document.getElementById("data");
  if (boolean){
    getElem.innerHTML = parseData.total
  } else {
    getElem.innerHTML = parseData.average
  }
}

PS:如果仅用于true / false,则无需提供其他内容。