Databases
StackOverflow2013
Postsdbo
POUsing Javascript object in HTML
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POUsing Javascript object in HTML
    primarykey
    data
    text
    <p>I have made a simple quiz in Javascript and want to display it in an HTML page. I cut and pasted the Javascript object with the questions and answers into the head of the HTML.</p> <p>My question is how can I display each question with it's choices and then when I click the "Next" button the next question will come up?</p> <p>I also have some logic to add in which calculates score on the quiz but that is for another question.</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;title&gt;The quiz&lt;/title&gt; &lt;script&gt; var questions = [{question: "Whos the best bball player?", choices: ["Lebron James", "Kobe Bryant", "Kevin Durant", "Javale McGee"], correctAnswer:0}, {question: "Name the Miami Heat player?", choices: ["Camelo Anthony", "Kevin Love", "Paul Pierce", "Dwayne Wade"], correctAnswer:3}, {question: "Name the LA Lakers player?", choices: ["Lebron James", "Kobe Bryant", "Kevin Durant", "Javale McGee"], correctAnswer:1}, {question: "What team does Melo play for?", choices: ["Chicago Bulls", "Utah Jazz", "New York Knicks", "Orlando Magic"], correctAnswer:2} ]; &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;section&gt; &lt;h1&gt;Welcome to the quiz!&lt;h1&gt; &lt;form name="quiz"&gt; &lt;label for="choice"&gt;QUESTION HERE&lt;/label&gt; &lt;br&gt;&lt;input type="radio" name="choice" value="1"&gt;CHOICE HERE&lt;/input&gt; &lt;br&gt;&lt;input type="radio" name="choice" value="2"&gt;CHOICE HERE&lt;/input&gt; &lt;br&gt;&lt;input type="radio" name="choice" value="3"&gt;CHOICE HERE&lt;/input&gt; &lt;br&gt;&lt;input type="submit" value="Next"&gt; &lt;/form&gt; &lt;/section&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USKane
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POUsing Javascript object in HTML
      1. This table or related slice is empty.
      1. VTDownMod
    2. VO
      singulars
      1. POUsing Javascript object in HTML
      1. This table or related slice is empty.
      1. VTDownMod
    1. COIt require some more work. You just try it. and come back when you stuck at some point.
      singulars
      1. POUsing Javascript object in HTML
      1. USRajaprabhu Aravindasamy
    2. COIf I'm doing something wrong let me know. Negative votes don't really help much guys. This is my first time using Javascript.
      singulars
      1. POUsing Javascript object in HTML
      1. USKane
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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