QUIZ by Lestrae 0.1

https://twitter.com/Lestrae1

by Lestrae

HTML

<div id='tests'>

</div>

JavaScript

/*
Idea here to write test descriptions, and answers in objects, and dynamicaly, with a lot of loops create divs for this descriptions and answers. I think it's good practice to understand Objects.

TODO: 
1. create divs for answers in same way, dynamicaly, without HTML;
2. create function to check right answers;
3. create function to calculate result.
*/

let testsWrapper = document.getElementById('tests');

//all test description and answers
let tests = {
  test0: {
    desc: 'Test 0 description',
    ans1: '0answer1',
    ans2: '0answer2',
    ans3: '0answer3'
  },
  test1: {
    desc: 'Test 1 description',
    ans1: '1answer1',
    ans2: '1answer2',
    ans3: '1answer3'
  },
};

let q = 0; //to count number of tests

//creating div for every test with id q+i (q0, q1 etc).
for (i = 0; i < Object.keys(tests).length; i++) {
		let testDiv = document.createElement('div');
    testDiv.setAttribute('id', 'q'+i);
  	testsWrapper.appendChild(testDiv); 
    q++;
} 

//creating div for test description
for (d = 0; d < q; d++) {
	let testDescDiv = document.createElement('div');
  testDescDiv.setAttribute('class', 'd' + d);
  let testDesc = document.getElementById('q' + d);
  testDesc.appendChild(testDescDiv);
  testDesc.innerHTML = tests['test'+d].desc;
  
  //console.log(Object.keys(tests['test'+d]).length);
}