It appears that there is a slight hiccup in the code when JavaScript is implementing the line skip functionality for the condition

Question

It appears that there is a slight hiccup in the code when JavaScript is implementing the line skip functionality for the condition

Currently, I am working on a textbook exercise that involves the classic 99 Bottles of Beer on the wall JavaScript program. However, this assignment does not come with any examples or answers for reference. Despite searching online for assistance, the code I found differs greatly from what I have been taught in the book so far. One issue I encountered is that when the bottle count reaches one, the output displays "1 bottles" instead of "1 bottle". I'm unsure where I went wrong but I am excited to understand and improve! Thank you in advance for your help! Below is a link to the jsfiddle.

var word = "bottles";
var count = 99;
while (count > 0) {
    console.log(count + " " + word + " of beer on the wall ");
    console.log(count + " " + word + " of beer,");
    console.log("Take one down, pass it around,");
    count = count - 1;
    if (count > 0) {
        console.log(count + " " + word + " of beer on the wall."); 
    if (count === 1)
        word = "bottle";
    } else {
            console.log("No more bottles of beer on the wall.");
    }
}

https://jsfiddle.net/mmaffia92/3jp0fjya/

javascript

Answer 1

Answer №1

The reason behind the output "1 bottles of beer on the wall." in your code is due to the fact that you are modifying the value of word after logging that expression. To resolve this issue with minimal modifications to your existing code, all you need to do is switch the order of assigning values to word and using console.log:

if (count > 0) {
    if (count === 1) {
        word = "bottle";
    }
    // Keep in mind that the log comes after setting word = "bottle".
    console.log(count + " " + word + " of beer on the wall.");
} else {
    console.log("No more bottles of beer on the wall.");
}

In addition, I have enclosed the word = "bottle"; block within curly braces. While not mandatory, I believe it enhances code readability. On quick inspection, your else block may seem linked to if (count === 1), but it actually corresponds to if (count > 0).

Answer 2

The reason behind the output "1 bottles of beer on the wall." in your code is due to the fact that you are modifying the value of word after logging that expression. To resolve this issue with minimal modifications to your existing code, all you need to do is switch the order of assigning values to word and using console.log:

if (count > 0) {
    if (count === 1) {
        word = "bottle";
    }
    // Keep in mind that the log comes after setting word = "bottle".
    console.log(count + " " + word + " of beer on the wall.");
} else {
    console.log("No more bottles of beer on the wall.");
}

In addition, I have enclosed the word = "bottle"; block within curly braces. While not mandatory, I believe it enhances code readability. On quick inspection, your else block may seem linked to if (count === 1), but it actually corresponds to if (count > 0).

Answer 3

Answer №2

To ensure the code runs smoothly, simply rearrange a few lines and make sure to keep the line that decrements the count within the loop. This is essential as it allows the loop to continue running until the condition (count > 0) is no longer met.

var count = 99;
var word;

while (count > 0) {
  var word = count === 1 ? "bottle" : 'bottles';
  console.log(count + " " + word + " of beer on the wall");
  console.log(count + " " + word + " of beer,");
  console.log("Take one down, pass it around,");
  count = count - 1;
  if (count > 0) {
    word = count === 1 ? "bottle" : 'bottles';
    console.log(count + " " + word + " of beer on the wall.");
    console.log('');
  }
}


console.log("No more bottles of beer on the wall.");

DEMO

To make the code more concise, you can replace the if statement with a ternary expression like so:

var word = count === 1 ? 'bottle' : 'bottles';

Answer 4

To ensure the code runs smoothly, simply rearrange a few lines and make sure to keep the line that decrements the count within the loop. This is essential as it allows the loop to continue running until the condition (count > 0) is no longer met.

var count = 99;
var word;

while (count > 0) {
  var word = count === 1 ? "bottle" : 'bottles';
  console.log(count + " " + word + " of beer on the wall");
  console.log(count + " " + word + " of beer,");
  console.log("Take one down, pass it around,");
  count = count - 1;
  if (count > 0) {
    word = count === 1 ? "bottle" : 'bottles';
    console.log(count + " " + word + " of beer on the wall.");
    console.log('');
  }
}


console.log("No more bottles of beer on the wall.");

DEMO

To make the code more concise, you can replace the if statement with a ternary expression like so:

var word = count === 1 ? 'bottle' : 'bottles';

It appears that there is a slight hiccup in the code when JavaScript is implementing the line skip functionality for the condition

Answer №1

Answer №2

Similar questions

Retrieving information from a JSON file using AngularJS

"Step-by-step guide on adding a new row to a table using a child controller in AngularJS

Deactivate click events in the container div

Once appearing, the element quickly vanishes after the fadeIn() function is

What is the best way to use jQuery to emphasize specific choices within an HTML select element?

Steps to import an external script into a NextJS application and access it from the main bundle

Ways to remove the highlighting from a selected list item using CSS/Javascript

Searching for JSON data in JavaScript

Develop and arrange badge components using Material UI

JavaScript: Controlling the ability to enter text based on the chosen option from a drop-down menu

Building a 'Export to CSV' button using a PHP array within the Wordpress Admin interface

Effective URL structure with nested ui-view in AngularJS

Issue with ISO-8859-1 character encoding in table formatting

Having issues debugging in the browser as React seems to be undefined

Showing validation for arrays with multiple inputs using Ajax in the Laravel framework

Capture the $match outcome within a pipeline

Transmit data or communications to a webpage while a script is performing operations (Django 4)

Retrieving JSON data with jQuery's Ajax functionality

What is the best way to modify a CSS property using logical operators in JQuery?

CSS Toggle failing to show updated styles