JavaScript True/False Game

profileeebazoush

 

 

Fork the following CodePen into your own account:

Review the instructions in the HTML and JS windows of the pen.  

When finished, export and attach your completed CodePen to this Assignment.  You should also include a link to your CodePen when submitting.

Note: There are bonus options available at the end of the JavaScript comments.

 
 

 

that is what is inside the web that  you need to do---

 

/ Declare a string variable called question and set it equal to a True/False question of your choice. 

 

 

// Declare a boolean variable called answer and set it equal to true or false (the answer to the question you asked above.) 

 

 

// Create a function called loadQuestion() that sets the value of the questionText element equal to the question variable you declared above. 

 

 

// Create a function called checkAnswer(userAnswer) that takes one incoming parameter. 

 

// ---> If your answer variable matches the incoming userAnswer parameter, write a success message in the element called responseText. 

 

// ---> If your answer variable does NOT match the userAnswer parameter, write a failure message in the element called responseText. 

 

 

 

 

// Create TRADITIONAL DOM EVENT HANDLERS for the "onclick" events for the three buttons.

 

// The Start button should trigger the loadQuestion method

 

// The True button should trigger the checkAnswer method with a value of "true"

 

// The False button should trigger the checkAnswer method with a value of "false"

 

 

 

 

// BONUS OPPORTUNITIES (Do one or both!):

 

// OPTION 1: If the user’s answer is correct, set the CSS class of the responseText element to “correctAnswer” If the user’s answer is incorrect, set the CSS class of the responseText element to “incorrectAnswer” 

 

// OPTION 2: Show and hide the True/False buttons so that they are only displayed when there is a Question in the questionText element

 

    • 8 years ago
    • 20
    Answer(0)
    Bids(0)