Script to pop up cancel alert box

Question

Script to pop up cancel alert box

There's a dilemma with this code - if you click CANCEL the first time the box pops up, it continues to run. I'm unsure of how to make it redirect to the underlying page when clicked on cancel for the first time.

var numero= prompt ("Enter a number")
    var resultado= parImpar(numero);
        alert ("The number "+numero+" is "+resultado );
    
       
    
    function parImpar (numero){
       if (numero %2===0) {
          return "even" ;
       }
       else{
           return "odd" ;
       }
    }
    
    if (window.confirm ("Let's try another number ")){
     var numero= prompt ("Choose");
     var resultado =parImpar (numero);
         alert("The number "+numero+" is "+resultado );
        
    }else{
        
    }

body {
    background-color:pink;
}
h1 {
   font-weight:bold; 
}
p{
   font-weight:bolder ;
   font-family: Garamond;
}

<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
    </head>
    <body>
        <h1>First web! </h1>
            <p>Hi everyone! this is mi first ever page/program. I have been learning for a month now and i need it to understand some javascript functions. Im really fighting with them.</p>
            
    </body>
</html>

javascript html css alert

Answer 1

Answer №1

In order to prevent executing the following lines of code, make sure to verify if the prompt returns null (indicating that cancel was clicked). Here is an example:

var number = prompt("Enter a number");
if (number !== null) {//Cancel clicked!
      var result = evenOrOdd(number);
      alert("The number "+number+" is "+result);
}

Answer 2

In order to prevent executing the following lines of code, make sure to verify if the prompt returns null (indicating that cancel was clicked). Here is an example:

var number = prompt("Enter a number");
if (number !== null) {//Cancel clicked!
      var result = evenOrOdd(number);
      alert("The number "+number+" is "+result);
}

Answer 3

Answer №2

Here is the current state of the code. I'm facing a situation where I need to add a conditional statement, but I'm not quite sure how to go about it. Apologies for the confusion! I've only been learning for a month and I'm finding it quite challenging!!

var numero = prompt("Introduce a number")
if (numero !== null) {//Cancel button clicked!
  var result = checkEvenOdd(numero);
  alert("The number "+numero+" is "+result);
} else {

}

if (window.confirm("Let's try another number")) {
  var newNumber = prompt("Choose a number");
  var result = checkEvenOdd(newNumber);
  alert("The number "+newNumber+" is "+result);
} else {

}

function checkEvenOdd(number) {
  if (number % 2 === 0) {
    return "even";
  } else {
    return "odd";
  }
}

Answer 4

Here is the current state of the code. I'm facing a situation where I need to add a conditional statement, but I'm not quite sure how to go about it. Apologies for the confusion! I've only been learning for a month and I'm finding it quite challenging!!

var numero = prompt("Introduce a number")
if (numero !== null) {//Cancel button clicked!
  var result = checkEvenOdd(numero);
  alert("The number "+numero+" is "+result);
} else {

}

if (window.confirm("Let's try another number")) {
  var newNumber = prompt("Choose a number");
  var result = checkEvenOdd(newNumber);
  alert("The number "+newNumber+" is "+result);
} else {

}

function checkEvenOdd(number) {
  if (number % 2 === 0) {
    return "even";
  } else {
    return "odd";
  }
}

Script to pop up cancel alert box

Answer №1

Answer №2

Similar questions

Managing PHP multiple follow-up options in HTML select fields

How can I send two responses in a single POST request using node.js?

Flask Socket-IO - Instant Messaging App with Real-Time Communication, Socket Functionality Not Operating as Expected

Having trouble with filtering JSON data in AngularJS?

JavaScript can be used to target and remove parent <tr> elements that contain empty <td> elements with a specific class

Recreating dropdown menus using jQuery Clone

Ways to retrieve and contrast the border style of an image utilizing javascript

The fill layout in Next.JS Image isn't working properly

Tips on how to connect the scope from a controller to a custom directive in Angular

CSS an act of misbehavior

Error: Unable to execute setState in React Native

Unable to modify variable to play audio

Selecting a date in Jade's date picker

To achieve this, my goal is to have the reels start playing on a separate page when a user clicks on the designated image. I am currently working on a project that involves this

Gathering the presently unfinished observables within a superior-level rxjs observable

Transforming an ASPX textbox input into HTML formatted text

C# MVC - Enabling dynamic row addition in an HTML table with multiple fields consolidated into a single cell

Challenges associated with utilizing img src in JavaScript

Increase the border at the bottom while hovering with React.js and the Material UI library

Hover over an element repeatedly to trigger an action with jQuery, as opposed to just once