dom-upgrade

No external library is needed

CSS file

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/dom-upgrade@latest/dist/dom-styles.css" />

for javascript:

for browser and html:

for development:

<script src="https://cdn.jsdelivr.net/npm/dom-upgrade@latest/dist/dom-upgrade.browser.dev.js" type="text/javascript">
</script>

for production:

<script src="https://cdn.jsdelivr.net/npm/dom-upgrade@latest/dist/dom-upgrade.browser.prod.min.js" type="text/javascript">
</script>

for EcmaScript (ESM)

for development:

<script type="module">
import { Alert, ErrorAlert, 
  Prompt, WarningAlert} from "https://cdn.jsdelivr.net/npm/dom-upgrade@latest/dist/dom-upgrade.esm.dev.js";
// other code
</script>

for production:

<script type="module">
import { Alert, ErrorAlert, 
  Prompt, WarningAlert} from "https://cdn.jsdelivr.net/npm/dom-upgrade@latest/dist/dom-upgrade.esm.prod.min.js";
// other code
</script>

for node

npm install dom-upgrade

for typescript

for browser and html:

for development:

<script src="https://cdn.jsdelivr.net/npm/dom-upgrade@latest/dist/@types/dom-upgrade.browser.dev.ts" type="text/javascript">
</script>

for production:

<script src="https://cdn.jsdelivr.net/npm/dom-upgrade@latest/dist/@types/dom-upgrade.browser.prod.min.ts" type="text/javascript">
</script>

for EcmaScript (ESM)

for development:

<script type="module">
import { Alert, ErrorAlert, 
  Prompt, WarningAlert} from "https://cdn.jsdelivr.net/npm/dom-upgrade@latest/dist/@types/dom-upgrade.esm.dev.ts";
// other code
</script>

for production:

<script type="module">
import { Alert, ErrorAlert, 
  Prompt, WarningAlert} from "https://cdn.jsdelivr.net/npm/dom-upgrade@latest/dist/@types/dom-upgrade.esm.prod.min.ts";
// other code
</script>

for node

npm install dom-upgrade

How to Use