JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

CSS

#inner-container {
    width:50%;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
}
.btn, .alert {
    margin-top:10px;
}

.hide{
    visibility:hidden;
}

.show{
    visibility:visible;
}

JavaScript

var allQuestions = [{
    question: "Who is Prime Minister of the United Kingdom?",
    choices: ["David Cameron", "Gordon Brown", "Winston Churchill", "Tony Blair"],
    correctAnswer: 0
}];

var container = document.createElement('div'),
    jumbo = document.createElement('div'),
    heading = document.createElement('h1'),
    selector = document.createElement('select'),
    innerContainer = document.createElement('div'),
    answers = [],
    form = document.createElement('form'),
    submit = document.createElement('button');

container.className = 'container';
jumbo.className = 'jumbotron';
selector.className = 'form-control';
innerContainer.className = 'well';
innerContainer.id = "inner-container";
submit.className = "btn btn-primary";
submit.setAttribute("type", "button");

heading.innerHTML = allQuestions[0].question;
submit.innerHTML = 'Submit';

document.body.appendChild(container);
container.appendChild(jumbo);
jumbo.appendChild(heading);
jumbo.appendChild(innerContainer).appendChild(form).appendChild(selector);
form.appendChild(submit);

for (var i = 0; i < allQuestions[0].choices.length; i++) {
    answers[i] = document.createElement('option');
    answers[i].innerHTML = allQuestions[0].choices[i];
    selector.appendChild(answers[i]);
}

var wrong = document.createElement('div');

wrong.innerHTML = "\<strong\>Nope!\</strong\> Wrong answer.";
wrong.id = 'incorrect';
wrong.className = "alert alert-danger hide";
innerContainer.appendChild(wrong);

var right = document.createElement('div');
right.id = 'correct';
right.className = "alert alert-success hide";
right.innerHTML = "\<strong\>Correct!\</strong\> Right answer.";
innerContainer.appendChild(right);

if(submit.addEventListener){
    submit.addEventListener("click", checkAnswer, false);  
}else if(submit.attachEvent){
    submit.attachEvent('onclick', checkAnswer);            
}

function checkAnswer(){
    if (selector.selectedIndex === 0) {
        wrong.className = "alert alert-danger hide";
   ...