A lightweight promisified reimplementation of the JavaScript confirm()
npm install html-js-confirmThis package is a lightweight promisified reimplementation of the JavaScript confirm(). It uses a element (with a polyfill) under the hood and not a lot else.
Instead of blocking code execution, this dialog returns a promise that resolves with a boolean of the answer.
confirm() cannot be triggered from an when the frame is cross-origin. This implementation is HTML and JavaScript and will not be blocked.``bash`
npm install html-js-confirm
There are several ways to include the module:
- import (ESM module)require
- (CJS)dist/html-js-confirm.min.js
- Include the in your HTML, which overwrites the JavaScript confirm() and replaces it with this implementation.
`javascript
// direct import
import confirm from './node_modules/html-js-confirm/dist/html-js-confirm.esm.js';
// modern es modules with rollup/webpack bundlers and node via esm module
import confirm from 'html-js-confirm';
// traditional commonjs/node and browserify bundler
const confirm = require('html-js-confirm');
`
Don't forget to include the dist/html-js-confirm.css in your HTML for the
javascript
// using async await
async () => {
if (await confirm('Are you sure you want to continue?')) {
// we continue
} else {
// we cancel
}
}// using then
function() {
return confirm('Are you sure you want to continue?')
.then(continue => {
if (continue) {
// we continue
} else {
// we cancel
}
});
}
`$3
`html
`$3
The