JSFiddle - React, Tailwind, and code Playground

by sirfizx

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/numeral.js/1.4.5/numeral.min.js"></script>
<script src="https://cdn.getconnect.io/connect-js/0.2.1/standalone/connect-all.min.js"></script>
<link rel="stylesheet" href="https://cdn.getconnect.io/connect-js/0.2.1/standalone/connect-all.min.css">
<script src="https://cdn.getconnect.io/connect-js/0.3.1/core/connect.min.js"></script>

JavaScript

var connect = new Connect({
    projectId: '55c2c22f1f2ddd0fbcfb10e6',
    apiKey: 'C9BEDAD191D68EF753612132B213C6B8-299ABF8A186ABD20D6F46803E2301A93E32593F3FD4B8A22A0E595700CFCB93262D407367FA8A1885D200949689D4C94'
});



var s1 = {
    standard_code: 'Math.4.NBT.B.4',
    standard: 'Fluently add and subtract multi-digit whole numbers using the standard algorithm.'
};

var c1_1 = {
    text : '5',
    correct : false
};

var c1_2 = {
    text : '7',
    correct : true
};
    
var c1_3 = {
    text : '9',
    correct : false
};

var q1 = {
    id : 1,
    standardsArray : [s1],
    text : '4+3',
    choicesArray : [c1_1,c1_2,c1_3]
};
    
var c2_1 = {
    text : '55',
    correct : true
};

var c2_2 = {
    text : '57',
    correct : false
};
    
var c2_3 = {
    text : '59',
    correct : false
};

    
var q2 = {
    id : 2,
    standardsArray : [s1],
    text : '42+13',
    choicesArray : [c2_1,c2_2,c2_3]
};
    
var c3_1 = {
    text : '65',
    correct : false
};

var c3_2 = {
    text : '87',
    correct : true
};
    
var c3_3 = {
    text : '79',
    correct : false
};


var q3 = {
    id : 3,
    standardsArray : [s1],
    text : '34+53',
    choicesArray : [c3_1,c3_2,c3_3]
};

var quiz = {
    id : 1,
    name : 'Adding Whole Numbers',
    course : 'Math 4',
    unit : 'Addition and Subtraction',
    questionsArray : [q1,q2,q3],
    resultsArray : []
};

//connect.push('quizBank', quiz);

var qa;

var query = connect.query('quizBank')
  .select({
      qa:{sum:'questionsArray'}
      });

query.execute()
  .then(function(result) {
    // Do something with the result
    qa = result.results[0].qa;
    console.log(qa);
    for(var i=0; i<3; i++){
    var d = document.createElement('DIV');
      d.innerHTML = qa[i];
      document.body.appendChild(d); 
	}
  });