Databases
StackOverflow2013
Postsdbo
POHow To Loop Through Radio Questions Back Button Javascript
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow To Loop Through Radio Questions Back Button Javascript
    text
    copied!<p>I'm trying to loop through an array of objects with 'back' and 'next' buttons. For some reason it doesn't loop properly. When the 'next' button is pressed, the 'back' button should decrement how every many times more the next button is pressed.</p> <p>This is the function that is accessing the back button to go back through the sets of radio questions. To see the full code please visit my <a href="http://jsfiddle.net/tzJcy/3/" rel="nofollow">JS Fiddle</a>. Thanks!</p> <pre><code> var questions = { allQuestions: [ { topQuestion: [" 1a) Click on which music producer, produced Justins Timberlake 4th Album?", "2a)Click on which famous celebrity did Justin Timberlake date in 1999? ", "3a)Click on which social media movie did Justin Timberlake starred in?", "4a)Click on what famous disney kids show did first Justin Timberlake made his first appearance?", "5a)Click on which famous singer did Justin Timberlake accidently tear clothes off during a performance?", "6a)What magazine named Justin Timberlake the Most Stylish Man In America?"], question: "1a)What popular site did Justin Timberlake invest 2.2 Million Dollars in? ", choices: ["Linkedin", "Facebook", "Myspace", "Youtube"], }, { question: "2b)Select which movie did Justin Timberlake film score in 2008?", choices: ["The Incredibles", "Shark Tank", "Finding Memo", "Star Wars"], correctAnswer: 1 }, { question: "3b)What city was Justin Timberlake born in?", choices: ["Chicago", "Detroit", "Tenessee", "New York"], correctAnswer: 2 }, { ] }; var newQues = Object.create(questions); var k = 0; var chngeRadio = 0; for (var i = 0; i &lt; 4; i++) { container = document.getElementById("container"); list = document.getElementById("list"); var li = document.createElement("input"); li.type = 'radio'; li.name = 'radio_group'; li.id = 'id1'; li.value = newQues.allQuestions[i].correctAnswer; list.style.textAlign = "center"; document.body.appendChild(li); div = document.createElement("div"); text = document.createTextNode(newQues.allQuestions[0].choices[i]); list.appendChild(div); div.appendChild(li); div.appendChild(text); } btn1.onclick = function (event) { event = EventUtil.getEvent(event); k++; while (list.firstChild) { list.removeChild(list.firstChild); }; for (var m = 0; m &lt; 4; m++) { container = document.getElementById("container"); list = document.getElementById("list"); var li = document.createElement("input"); li.type = 'radio'; li.name = 'radio_group'; li.id = 'id1'; li.value = newQues.allQuestions[m].correctAnswer; list.style.textAlign = "center"; div = document.createElement("div"); text = document.createTextNode(newQues.allQuestions[k].choices[m]) //alert(k); list.appendChild(div); div.appendChild(li); div.appendChild(text); }; // Assigns a event object to back button, this is where I would like // to go back and loop the radio questions but for some reason it only decrements 1 time if ( k &gt;= 1) { btn2.onclick = function(event){ event = EventUtil.getEvent(event); chngeRadio++; function replaceNode() { function replaceNode() { if (k === 1) { //assigns count to 0 chngeRadio -= 1; }; if (k === 2) { //assigns count to 1 chngeRadio = 2; chngeRadio -= 1; }; }; replaceNode() while (list.firstChild) { list.removeChild(list.firstChild); }; for (var d = 0; d &lt; 4; d++) { container = document.getElementById("container"); list = document.getElementById("list"); var li2 = document.createElement("input"); li2.type = 'radio'; li2.name = 'radio_group'; li2.id = 'id2'; li2.value = newQues.allQuestions[d].correctAnswer; li2.style.textAlign = "center"; div2 = document.createElement("div"); text2 = document.createTextNode(newQues.allQuestions[chngeRadio].choices[d]) //alert(k); list.appendChild(div2); div2.appendChild(li2); div2.appendChild(text2); }; }; }; }; </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload