How To Create A Dialog With “yes” And “no” Options In JavaScript?

Trang chủ » Html Javascript Message Box Yes No » How To Create A Dialog With “yes” And “no” Options In JavaScript?

Có thể bạn quan tâm

  • Home
  • Whiteboard
  • Online Compilers
  • Practice
  • Articles
  • AI Assistant
  • Jobs
  • Tools
  • Corporate Training
  • Courses
  • Certifications
Menu Categories Login
  • Switch theme
  • SQL
  • HTML
  • CSS
  • Javascript
  • Python
  • Java
  • C
  • C++
  • PHP
  • Scala
  • C#
  • Tailwind CSS
  • Node.js
  • MySQL
  • MongoDB
  • PL/SQL
  • Swift
  • Bootstrap
  • R
  • Machine Learning
  • Blockchain
  • Angular
  • React Native
  • Computer Fundamentals
  • Compiler Design
  • Operating System
  • Data Structure and Algorithms
  • Computer Network
  • DBMS
  • Excel
Technical Questions and Answers
  • Data Structure Data Structure
  • Networking Networking
  • RDBMS RDBMS
  • Operating System Operating System
  • Java Java
  • MS Excel MS Excel
  • iOS iOS
  • HTML HTML
  • CSS CSS
  • Android Android
  • Python Python
  • C Programming C Programming
  • C++ C++
  • C# C#
  • MongoDB MongoDB
  • MySQL MySQL
  • Javascript Javascript
  • PHP PHP
  • Selected Reading
  • UPSC IAS Exams Notes
  • Developer's Best Practices
  • Questions and Answers
  • Effective Resume Writing
  • HR Interview Questions
  • Computer Glossary
  • Who is Who
How to create a dialog with “yes” and “no” options in JavaScript? JavascriptWeb DevelopmentFront End Technology

No, you cannot create a dialog box with “yes” or “no”. A confirmation dialog box in JavaScript has “Ok” and “Cancel” button.

To create a dialog with “yes” or “nor”, use a custom dialog box.

Example

Live Demo

<!DOCTYPE html> <html>    <head>       <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>       <script>          function functionConfirm(msg, myYes, myNo) {             var confirmBox = $("#confirm");             confirmBox.find(".message").text(msg);             confirmBox.find(".yes,.no").unbind().click(function() {                confirmBox.hide();             });             confirmBox.find(".yes").click(myYes);             confirmBox.find(".no").click(myNo);             confirmBox.show();          }       </script>       <style>          #confirm {             display: none;             background-color: #91FF00;             border: 1px solid #aaa;             position: fixed;             width: 250px;             left: 50%;             margin-left: -100px;             padding: 6px 8px 8px;             box-sizing: border-box;             text-align: center;          }          #confirm button {             background-color: #48E5DA;             display: inline-block;             border-radius: 5px;             border: 1px solid #aaa;             padding: 5px;             text-align: center;             width: 80px;             cursor: pointer;          }          #confirm .message {             text-align: left;          }       </style>    </head>    <body>       <div id="confirm">          <div class="message"></div>          <button class="yes">Yes</button>          <button class="no">No</button>       </div>       <button onclick = 'functionConfirm("Do you like Football?", function yes() {          alert("Yes")       },       function no() {          alert("no")       });'>submit</button>    </body> </html>

Click here to download the project code

Anvi Jain Anvi Jain Updated on: 2019-07-30T22:30:21+05:30

3K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started Print Page Previous Next Advertisements

Từ khóa » Html Javascript Message Box Yes No