I am having trouble getting the JavaScript confirm function to function properly

Question

I am having trouble getting the JavaScript confirm function to function properly

Encountering a peculiar issue with the javascript confirm method - every time I call it, an error is thrown stating "Uncaught TypeError: Property 'confirm' of object [object Object] is not a function"

 var confirmVal = window.confirm("Please confirm?");
          if( confirmVal == true ){  

              return true;
          }

The structure of my js files in the html is as follows:

<link rel="stylesheet" href="css/vendor/bootstrap.min.css">    
<link rel="stylesheet" href="css/vendor/jquery-ui.css">


<script src="js/vendor/jquery-2.1.3.min.js"></script>
<script src="js/vendor/jquery-ui.js"></script> 


<link rel="stylesheet" href="css/vendor/jquery.mobile-1.4.5.min.css">
<link rel="stylesheet" href="css/vendor/star-rating.css">
<link rel="stylesheet" href="css/vendor/toastr.min.css">
<script type="text/javascript" src="cordova.js"></script> 
<script src="js/vendor/bootstrap.js"></script>
<script src="js/vendor/jquery.mobile-1.4.5.min.js"></script>
<script src="js/vendor/star-rating.min.js"></script>
<script type="text/javascript" src="js/vendor/toastr.min.js"></script>

Curiously enough, it works perfectly fine in another html file.. Any idea what could be going wrong here? Please assist.

javascript jquery html css

Answer 1

Answer №1

Everything in the code is accurate except for the fact that the return statement needs to be inside a function.

function validation(){
  var confirmVal = window.confirm("Please confirm?");
      if( confirmVal == true ){  
          return true;
      }
  }

Answer 2

Everything in the code is accurate except for the fact that the return statement needs to be inside a function.

function validation(){
  var confirmVal = window.confirm("Please confirm?");
      if( confirmVal == true ){  
          return true;
      }
  }

Answer 3

Answer №2


navigator.notification.confirm(
    'PLEASE CONFIRM YOUR CHOICE!', // message
     myFunction,            // callback to execute with the button index pressed
    'CONFIRMATION',           // title
    ['OK','CANCEL']     // button labels
);

function myFunction(index){
   console.log(index);
}

Answer 4


navigator.notification.confirm(
    'PLEASE CONFIRM YOUR CHOICE!', // message
     myFunction,            // callback to execute with the button index pressed
    'CONFIRMATION',           // title
    ['OK','CANCEL']     // button labels
);

function myFunction(index){
   console.log(index);
}

Answer 5

Answer №3

Using the return statement is important, but it's also crucial to ensure proper handling of that statement. To do this, your code should be wrapped in a function.

var confirmed = confirm("yes or cancel");

function confirmMe (){
     if (confirmed){
          return true;
     }
}

An alternative approach:

function confirmMe (){
     return confirmed;
}

// This will either return true or false

To avoid overriding the window object, you can check if the window has the confirm method by opening the console and typing 'window'.

Answer 6

Using the return statement is important, but it's also crucial to ensure proper handling of that statement. To do this, your code should be wrapped in a function.

var confirmed = confirm("yes or cancel");

function confirmMe (){
     if (confirmed){
          return true;
     }
}

An alternative approach:

function confirmMe (){
     return confirmed;
}

// This will either return true or false

To avoid overriding the window object, you can check if the window has the confirm method by opening the console and typing 'window'.

Answer 7

Answer №4

Make sure to wrap the "return true" statement inside a function to execute properly. For more information on using the return statement in JavaScript, check out this link

var confirmVal = window.confirm("Please confirm?");
          if( confirmVal == true ){  
            alert("alright");             
          }

Answer 8

Make sure to wrap the "return true" statement inside a function to execute properly. For more information on using the return statement in JavaScript, check out this link

var confirmVal = window.confirm("Please confirm?");
          if( confirmVal == true ){  
            alert("alright");             
          }

I am having trouble getting the JavaScript confirm function to function properly

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Exploring the Power of Merging HTML with JavaScript in Shopify

Angular filter - organizing objects based on a specific property or a combination of properties

How can I implement a feature to automatically close a drawer in a React application using the Material UI

What is the best way to nest an <input> element within a <label> element in HTML?

Circular graphs displaying percentages at their center, illustrating the distribution of checked checkboxes across various categories

The synchronization and network bandwidth optimization of Angular and Firebase's three-way binding system

Tips for properly encoding HTML code before inserting it into a MySQL database

Stylish Material Design Icons

Is there a way to automatically reset an Angular scope variable when an HTML tag is executed?

What are the best strategies for mastering conditional promises in Angular?

Switching the theme color from drab grey to vibrant blue

Retrieving the date from the final item in a JSON object using AngularJS

How to restart a paused jQuery cycle by clicking on the pager

Steps to Create an HTML Text Box that cannot be clicked

Multiple instances of FontAwesome icons appearing in Bootstrap Navbar

Leveraging JavaScript namespacing

sluggish jquery treeview loading

Trouble with the Bootstrap navbar loading correctly

Error: Unable to access the 'push' property of an undefined value

Is there a way to utilize a switch statement in JavaScript to determine the quantity of numerical elements within an array?