Facing issues with Javascript coding quiz calculations

Question

Facing issues with Javascript coding quiz calculations

I've been working on a quiz that is supposed to tally the correct and incorrect answers. However, no matter how many correct answers I input, both arrays always show a result of 0. It seems like there must be an issue in the evaluate function at the end. Appreciate any help on this matter.

var responsesArray= [];
var correct=[];
var incorrect= [];

function question2() {

  var firstQuestion = prompt('Does null === 0 ? (Yes or No)')

// why do you need to convert the answer to lowercase?
  if (firstQuestion.toLowerCase() === 'yes') {
    firstQuestion = true
  } else if (firstQuestion.toLowerCase() === 'no') {
    firstQuestion = false
  } else {
// what if the user writes something other than yes or no? 
// they will have to answer the question again
    alert("Please answer either Yes or No");
    return question2();
  }
  responsesArray.push(firstQuestion); // add the true or false value to the responses array
}

question2();

function question3() {
  var js = prompt('What was the original name for JavaScript: Java, LiveScript, JavaLive, or ScriptyScript?');
  js = js.toLowerCase();
  switch (js) {
    // your own answers
    
    case "livescript":
    console.log("Correct!");
    break;
    case "Java":
    console.log("wrong");
    break;
    case "JavaLive":
    console.log("wrong");
    break;
    case "ScriptyScript":
    console.log("wrong");
    break;
  default:
    console.log("Sorry the answer is LiveScript");
  }
  responsesArray.push(js);
  
  var mine = prompt('What coding language is exclusively related to the back-end: Ruby, JavaScript, HTML?');
  mine= mine.toLowerCase();
  switch (mine) {
    // your own answers
  case "ruby":
    console.log("Yeah!");
    break;
    case "html":
    console.log("ouuu I'm sorry for you");
    break;
    case "javascript":
    console.log("Yeah but so so");
    break;
  }
  responsesArray.push(mine);
}

question3();

function evaluate(responsesArray) {

for (var i = 0; i < responsesArray.length; i++) {
if (responsesArray[i] === true || responsesArray[i] === "livescript" || responsesArray[i] === "ruby") {
      correct++;

    } else{
      if (responsesArray[i] !== true || responsesArray[i] !== "livescript" || responsesArray[i] !== "ruby") {
      incorrect++;
    }
}
}

javascript arrays sum

Answer 1

Answer №1

Utilize an array to store the correct response and then compare it with the user's answer to easily determine its accuracy.

Take a look at the code snippet below.

var responsesArray = [];
var correct = 0;
var incorrect = 0;
// Initialize the correct answer
var index = 0;
// Array to hold correct answers
var correctAnswers = [];


function question2() {
  // Save the correct answer
  correctAnswers[index++] = "yes";
  var firstQuestion = prompt('Does null === 0? (Yes or No)')

  if (firstQuestion.toLowerCase() === 'yes') {
    console.log("correct");
    firstQuestion = 'yes'
  } else if (firstQuestion.toLowerCase() === 'no') {
    console.log("incorrect");
    firstQuestion = 'no'
  } else {
    alert("Please answer either Yes or No");
    return question2();
  }
  responsesArray.push(firstQuestion);
}

question2();


function question3() {
  // Save the correct answer
  correctAnswers[index++] = "livescript";
  var js = prompt('What was the original name for JavaScript: Java, LiveScript, JavaLive, or ScriptyScript?');
  js = js.toLowerCase();
  switch (js) {      
      // your own answers

    case "livescript":
      console.log("Correct!");
      break;
    case "Java":
      console.log("wrong");
      break;
    case "JavaLive":
      console.log("wrong");
      break;
    case "ScriptyScript":
      console.log("wrong");
      break;
    default:
      console.log("Sorry the answer is LiveScript");
  }
  responsesArray.push(js);

  //Save correct answer.
  correctAnswers[index++] = "ruby";
  var mine = prompt('What coding language is exclusively related to the back-end: Ruby, JavaScript, HTML?');
  mine= mine.toLowerCase();
  switch (mine) {
      // your own answers
    case "ruby":
      console.log("Yeah!");
      break;
    case "html":
      console.log("ouuu I'm sorry for you");
      break;
    case "javascript":
      console.log("Yeah but so so");
      break;
  }
  responsesArray.push(mine);
  //Call function to evaluate correct or incorrect answer
  evaluate(responsesArray, correctAnswers)
}

question3();

function evaluate(responsesArray, correctAnswers) 
{
  for (var i = 0; i < responsesArray.length; i++) 
  {
    if (responsesArray[i] === correctAnswers[i]) 
    {
      correct++;
    } else {
      if (responsesArray[i] !== correctAnswers[i]) {
        incorrect++;
      }
    }
  }
  alert("Correct : "+ correct +" and Incorrect : "+ incorrect);
}

Answer 2

Utilize an array to store the correct response and then compare it with the user's answer to easily determine its accuracy.

Take a look at the code snippet below.

var responsesArray = [];
var correct = 0;
var incorrect = 0;
// Initialize the correct answer
var index = 0;
// Array to hold correct answers
var correctAnswers = [];


function question2() {
  // Save the correct answer
  correctAnswers[index++] = "yes";
  var firstQuestion = prompt('Does null === 0? (Yes or No)')

  if (firstQuestion.toLowerCase() === 'yes') {
    console.log("correct");
    firstQuestion = 'yes'
  } else if (firstQuestion.toLowerCase() === 'no') {
    console.log("incorrect");
    firstQuestion = 'no'
  } else {
    alert("Please answer either Yes or No");
    return question2();
  }
  responsesArray.push(firstQuestion);
}

question2();


function question3() {
  // Save the correct answer
  correctAnswers[index++] = "livescript";
  var js = prompt('What was the original name for JavaScript: Java, LiveScript, JavaLive, or ScriptyScript?');
  js = js.toLowerCase();
  switch (js) {      
      // your own answers

    case "livescript":
      console.log("Correct!");
      break;
    case "Java":
      console.log("wrong");
      break;
    case "JavaLive":
      console.log("wrong");
      break;
    case "ScriptyScript":
      console.log("wrong");
      break;
    default:
      console.log("Sorry the answer is LiveScript");
  }
  responsesArray.push(js);

  //Save correct answer.
  correctAnswers[index++] = "ruby";
  var mine = prompt('What coding language is exclusively related to the back-end: Ruby, JavaScript, HTML?');
  mine= mine.toLowerCase();
  switch (mine) {
      // your own answers
    case "ruby":
      console.log("Yeah!");
      break;
    case "html":
      console.log("ouuu I'm sorry for you");
      break;
    case "javascript":
      console.log("Yeah but so so");
      break;
  }
  responsesArray.push(mine);
  //Call function to evaluate correct or incorrect answer
  evaluate(responsesArray, correctAnswers)
}

question3();

function evaluate(responsesArray, correctAnswers) 
{
  for (var i = 0; i < responsesArray.length; i++) 
  {
    if (responsesArray[i] === correctAnswers[i]) 
    {
      correct++;
    } else {
      if (responsesArray[i] !== correctAnswers[i]) {
        incorrect++;
      }
    }
  }
  alert("Correct : "+ correct +" and Incorrect : "+ incorrect);
}

Answer 3

Answer №2

Your method of testing for correct answers needs improvement. Instead, create an array containing the correct answers and check them using the following approach:

var correct = incorrect = 0; // Make sure to initialize your variables 

function evaluate(responsesArray) {
  var correctAnswers = [true,"livescript","ruby"];
  for (var i = 0; i < responsesArray.length; i++) {
    if (responsesArray[i] === correctAnswers[i]) {
      correct++;
    } else {
      incorrect++;
    }
  }
}

Your previous code looked like this:

if (responsesArray[i] === true|| "livescript" || "ruby"){

This actually means:

If the response is true, or if 'livescript' is considered true, or if 'ruby' is considered true, then

Since JavaScript treats strings as truthy values, the if statement would always be true.

It's also unnecessary to have a second if statement, as the else part will only run if the first condition is false, meaning you've already filtered out incorrect answers.

Lastly, make sure to define your counter variables before incrementing them. While it may work without this step, not incrementing one variable could leave it undefined after calling evaluate. It's good practice to always define your variables.

Answer 4

Your method of testing for correct answers needs improvement. Instead, create an array containing the correct answers and check them using the following approach:

var correct = incorrect = 0; // Make sure to initialize your variables 

function evaluate(responsesArray) {
  var correctAnswers = [true,"livescript","ruby"];
  for (var i = 0; i < responsesArray.length; i++) {
    if (responsesArray[i] === correctAnswers[i]) {
      correct++;
    } else {
      incorrect++;
    }
  }
}

Your previous code looked like this:

if (responsesArray[i] === true|| "livescript" || "ruby"){

This actually means:

If the response is true, or if 'livescript' is considered true, or if 'ruby' is considered true, then

Since JavaScript treats strings as truthy values, the if statement would always be true.

It's also unnecessary to have a second if statement, as the else part will only run if the first condition is false, meaning you've already filtered out incorrect answers.

Lastly, make sure to define your counter variables before incrementing them. While it may work without this step, not incrementing one variable could leave it undefined after calling evaluate. It's good practice to always define your variables.

Facing issues with Javascript coding quiz calculations

Answer №1

Answer №2

Similar questions

Implementing a hierarchical data retrieval system in MongoDB with Node.js to retrieve data in the format of Category > Subcategory > Product

The Tri-dimensional.js StereoEffect

Setting up webpack encore for async and await in a Symfony 4 and VueJs project

What methods are available to gradually increase a counter until it reaches a specific number by a designated date?

Attempting to incorporate an audio file into a Discord.js module

How can you prevent multiple instances of JavaScript objects from being disposed of after they have completed their task?

Do you think it's essential to utilize express for node in developing moderate-sized applications?

Stop AJAX Submission When Data is Empty

Trouble with closing Bootstrap 4 modal

single calendar bootstrap-datepicker allowing users to select date ranges

Manipulating the InnerHTML content of a total of 144 individual cells

How should you correctly display the outcome of a mathematical function on a data property in a v-for loop in VueJS?

How can I efficiently store and access DOM elements in my React application to avoid constant re-fetching?

Retrieve a data value from a JSON object by checking if the ID exists within a nested object

Implement Next.js deployment on NGINX server with a 403 forbidden error

Encountering the "Local resource can't be loaded" error when attempting to link a MediaSource object as the content for an HTML5 video tag

TypeB should utilize InterfaceA for best practice

Tips for seamlessly incorporating WalletConnect into your decentralized app with the help of web3-react

Getting all inline styles from an HTML string using JavaScript

Interested in developing a C++ program that utilizes a two-dimensional pointer to store values in groups of three?