Tips for incorporating if-else statements into your code

Question

Tips for incorporating if-else statements into your code

How can I incorporate an if statement into my code to print different statements based on different scenarios? For example, I want a statement for when the sum is less than 1, and another for when the sum is greater than 1. I attempted to use examples from W3Schools, but the if statement did not work as expected.

<!DOCTYPE html>
<!-- Network Latency Calculator -->
<html>
<head>
  <meta charset = "utf-8">
  <title>Network Latency Calculation</title>
  <script>

     var firstNumber; // user-entered value
     var secondNumber; // user-entered value
     var thirdNumber; // user-entered value
     var fourthNumber; // user-entered value
     var number1; 
     var number2; 
     var number3; 
     var number4; 
     var sum; 


     // read in values from user
     firstNumber = window.prompt( "Enter the Propagation time (in milliseconds)" );
     secondNumber = window.prompt( "Enter the Transmission time (in milliseconds)" );
     thirdNumber = window.prompt( "Enter the Queuing time (in milliseconds)" );
     fourthNumber = window.prompt( "Enter the Propagation delay (in milliseconds)" );

     // convert input to integers
     number1 = parseInt( firstNumber ); 
     number2 = parseInt( secondNumber );
     number3 = parseInt( thirdNumber );
     number4 = parseInt( fourthNumber );

     sum = number1 + number2 + number3 + number4; 

     // display the results
     document.writeln( "<h1>The network latency is " + sum + "</h1>" );

  </script>

javascript

Answer 1

Answer №1

Before we move forward, I recommend checking out this resource: https://www.w3schools.com/jsref/met_doc_writeln.asp

Currently, you are writing within the head section of the HTML rather than the body.

<body>

<p>It's important to note that write() does not automatically create a new line after each statement:</p>

<pre>
<script>
var NowDate = new Date();
var number1 = NowDate.getHours(); //added current hour 0-23
var number2 = 5; // second number to add
var number3 = 0.3; // third number to add
var sum = number1+number2*number3;
if (sum > 5){
    document.write("That's a");
    document.write(" big Sum ("+sum+")");
} else if (sum === 4) {
    document.write("Sum =");
    document.write(" 4");
}else{
    document.write("Sum is ");
    document.write("small ("+sum+")");
}
</script>
</pre>


<p>On the other hand, writeln() adds a new line after each statement:</p>

<pre>
<script>
document.writeln("Hello World!");
document.writeln("Have a nice day!");
</script>
</pre>

</body>

Answer 2

Before we move forward, I recommend checking out this resource: https://www.w3schools.com/jsref/met_doc_writeln.asp

Currently, you are writing within the head section of the HTML rather than the body.

<body>

<p>It's important to note that write() does not automatically create a new line after each statement:</p>

<pre>
<script>
var NowDate = new Date();
var number1 = NowDate.getHours(); //added current hour 0-23
var number2 = 5; // second number to add
var number3 = 0.3; // third number to add
var sum = number1+number2*number3;
if (sum > 5){
    document.write("That's a");
    document.write(" big Sum ("+sum+")");
} else if (sum === 4) {
    document.write("Sum =");
    document.write(" 4");
}else{
    document.write("Sum is ");
    document.write("small ("+sum+")");
}
</script>
</pre>


<p>On the other hand, writeln() adds a new line after each statement:</p>

<pre>
<script>
document.writeln("Hello World!");
document.writeln("Have a nice day!");
</script>
</pre>

</body>

Answer 3

Answer №2

Initially, based on the brief description you provided regarding your requirements, it seems like you are looking to display a specific statement after calculating the total. This process is quite simple to achieve.

For instance:

sum = number1 + number2 + number3 + number4; // add the numbers

if(sum > 1){
    //Your code
} else {
    //Your code
}

I opted not to include an else if condition because when the sum exceeds one, it will execute the desired statement. If not, it will proceed with the alternate statement under the else clause.

If you wish to explore additional examples of using if/else statements, you can refer to this helpful StackOverflow link for detailed examples and instructions on implementation.

Answer 4

Initially, based on the brief description you provided regarding your requirements, it seems like you are looking to display a specific statement after calculating the total. This process is quite simple to achieve.

For instance:

sum = number1 + number2 + number3 + number4; // add the numbers

if(sum > 1){
    //Your code
} else {
    //Your code
}

I opted not to include an else if condition because when the sum exceeds one, it will execute the desired statement. If not, it will proceed with the alternate statement under the else clause.

If you wish to explore additional examples of using if/else statements, you can refer to this helpful StackOverflow link for detailed examples and instructions on implementation.

Answer 5

Answer №3

Once you have calculated the sum, you may choose to include an if-statement like the one below:

if (sum < 1) {
   document.write ("The total is less than one");
} else if (sum > 1) {
   document.write( "The total is more than one"); 
}

If you need further assistance with if-conditional statements, O'Reilly offers a variety of technical books that focus on JavaScript.

var firstNumber; // First input provided by user
 var secondNumber; // Second input provided by user
 var thirdNumber; // Third input provided by user
 var fourthNumber; // Fourth input provided by user
 var number1; // First number for addition
 var number2; // Second number for addition
 var number3; // Third number for addition
 var number4; // Fourth number for addition
 var sum; // Total of number1 + number2 + number3 + number4



 // Retrieve first number as a string from user input
 firstNumber = window.prompt( "Enter the Propagation time (in milliseconds)" );

 // Retrieve second number as a string from user input
secondNumber = window.prompt( "Enter the Transmission time (in milliseconds)" );

// Retrieve third number as a string from user input
 thirdNumber = window.prompt( "Enter the Queuing time (in milliseconds)" );

// Retrieve fourth number as a string from user input
 fourthNumber = window.prompt( "Enter the Propagation delay (in milliseconds)" );

 // Convert string inputs to integers
 number1 = parseInt( firstNumber ); 
 number2 = parseInt( secondNumber );
 number3 = parseInt( thirdNumber );
 number4 = parseInt( fourthNumber );

 sum = number1 + number2 + number3 + number4; // Perform addition

if (sum < 1) {
   document.write ("The total is less than one");
} else if (sum > 1) {
   document.write( "The total is more than one"); 
}

 // Display the result
document.writeln( "<h1>The network latency is " + sum + "</h1>" );

Answer 6

Once you have calculated the sum, you may choose to include an if-statement like the one below:

if (sum < 1) {
   document.write ("The total is less than one");
} else if (sum > 1) {
   document.write( "The total is more than one"); 
}

If you need further assistance with if-conditional statements, O'Reilly offers a variety of technical books that focus on JavaScript.

var firstNumber; // First input provided by user
 var secondNumber; // Second input provided by user
 var thirdNumber; // Third input provided by user
 var fourthNumber; // Fourth input provided by user
 var number1; // First number for addition
 var number2; // Second number for addition
 var number3; // Third number for addition
 var number4; // Fourth number for addition
 var sum; // Total of number1 + number2 + number3 + number4



 // Retrieve first number as a string from user input
 firstNumber = window.prompt( "Enter the Propagation time (in milliseconds)" );

 // Retrieve second number as a string from user input
secondNumber = window.prompt( "Enter the Transmission time (in milliseconds)" );

// Retrieve third number as a string from user input
 thirdNumber = window.prompt( "Enter the Queuing time (in milliseconds)" );

// Retrieve fourth number as a string from user input
 fourthNumber = window.prompt( "Enter the Propagation delay (in milliseconds)" );

 // Convert string inputs to integers
 number1 = parseInt( firstNumber ); 
 number2 = parseInt( secondNumber );
 number3 = parseInt( thirdNumber );
 number4 = parseInt( fourthNumber );

 sum = number1 + number2 + number3 + number4; // Perform addition

if (sum < 1) {
   document.write ("The total is less than one");
} else if (sum > 1) {
   document.write( "The total is more than one"); 
}

 // Display the result
document.writeln( "<h1>The network latency is " + sum + "</h1>" );

Tips for incorporating if-else statements into your code

Answer №1

Answer №2

Answer №3

Similar questions

What is the best way to add a new row in Material-UI?

Having difficulties transmitting numerical values through res.send() in express with node

Add the current date plus 48 hours to the content on a webpage (JavaScript maybe?)

Is there a way to automatically submit an upload form once a file has been selected?

What is the method to activate a select event on a particular row using Google visualizations?

Can you determine the sequence in which these code statements are placed on the call stack?

What is the best way to fill out a mandatory text field within the text area?

Raycasting in Three.js is ineffective on an object in motion

Access-Control-Allow-Origin does not permit AngularJS Origin http://localhost:8080

Retrieve the identifiers of various HTML elements and store them in an array

Using requestAnimationFrame to animate several independent objects

Is there a way to display the button solely when the cursor is hovering over the color?

JavaScript (geolocation) error: Unhandled TypeError - Invocation not allowed

Ways to send user input to a function within a React component

Trouble with the Ngx-Captcha feature

Retrieve information from the input field and then, upon clicking the submit button, display the data in the

What is the best way for a parent process to interrupt a child_process using a command?

Typescript Tooltip for eCharts

When invoked, a Javascript Object comes back empty

preventing the page from scrolling whenever I update my Angular view