samueljoli/INSTRUCTIONS.md

## index.html
<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>

    </head>
    <body>
        <h1>Trivia!!</h1>
        <div id='questions'>
            <p id='question'></p>
            <p id='result'></p>
        </div>
        <button id='yes'>Yes</button>
        <button id='no'>No</button>
        <button id='next'>Next</button>
    </body>
</html>

## INSTRUCTIONS.md

      
    Raw
  

              INSTRUCTIONS.md
            
          
    Trivia Trivia!!


## popcode.json
{"enabledLibraries":["jquery"],"hiddenUIComponents":["editor.css","editor.html","console","editor.javascript"]}

## script.js
var questionOne = 'Goku is the GOAT';
var answerOne = 'Yes';

var questionTwo = 'Yamcha is the GOAT';
var answerTwo = 'No';

var questions = [
    questionOne,
    questionTwo
];
var answers = [
    answerOne,
    answerTwo
];

var index = 0;

$('#question').text(questions[index]);

$('#yes').click(function(){
    var response = $(this).text();
    var answer = answers[index];

    if(response === answer) {
        $('#result').text('Correct');
    }
    else {
        $('#result').text('Wrong');
    }
});

$('#no').click(function(){
    var response = $(this).text();
    var answer = answers[index];
    console.log(response, answer);

    if(response === answer) {
        $('#result').text('Correct');
    }
    else {
        $('#result').text('Wrong');
    }
});

$('#next').click(function(){
   ++index;
   $('#result').text('');
   $('#question').text(questions[index]);
});
	<!DOCTYPE html>
	<html>
	<head>
	<title>Page Title</title>

	</head>
	<body>
	<h1>Trivia!!</h1>
	<div id='questions'>
	<p id='question'></p>
	<p id='result'></p>
	</div>
	<button id='yes'>Yes</button>
	<button id='no'>No</button>
	<button id='next'>Next</button>
	</body>
	</html>
	var questionOne = 'Goku is the GOAT';
	var answerOne = 'Yes';

	var questionTwo = 'Yamcha is the GOAT';
	var answerTwo = 'No';

	var questions = [
	questionOne,
	questionTwo
	];
	var answers = [
	answerOne,
	answerTwo
	];

	var index = 0;

	$('#question').text(questions[index]);

	$('#yes').click(function(){
	var response = $(this).text();
	var answer = answers[index];

	if(response === answer) {
	$('#result').text('Correct');
	}
	else {
	$('#result').text('Wrong');
	}
	});

	$('#no').click(function(){
	var response = $(this).text();
	var answer = answers[index];
	console.log(response, answer);

	if(response === answer) {
	$('#result').text('Correct');
	}
	else {
	$('#result').text('Wrong');
	}
	});

	$('#next').click(function(){
	++index;
	$('#result').text('');
	$('#question').text(questions[index]);
	});