<script src="https://cdn.jsdelivr.net/npm/@nuka9510/js-util/dist/index.min.js"> </script>
OR
<script src="https://cdn.jsdelivr.net/npm/@nuka9510/js-util@latest/dist/index.min.js"> </script>
OR
<script src="https://cdn.jsdelivr.net/npm/@nuka9510/js-util@<specific-version>/dist/index.min.js"> </script>
<script type="text/javascript">
const foo = "";
console.debug(jsUtil.Util.empty(foo));
</script>
npm i @nuka9510/js-util
<script type="importmap">
{
"imports": {
"@nuka9510/js-util": "<path>/node_modules/@nuka9510/js-util/dist/index.mjs"
OR
"@nuka9510/js-util": "https://cdn.jsdelivr.net/npm/@nuka9510/js-util/dist/index.mjs"
OR
"@nuka9510/js-util": "https://cdn.jsdelivr.net/npm/@nuka9510/js-util@latest/dist/index.mjs"
OR
"@nuka9510/js-util": "https://cdn.jsdelivr.net/npm/@nuka9510/js-util@<specific-version>/dist/index.mjs"
}
}
</script>
<script type="module">
import { JUtil } from "@nuka9510/js-util";
const foo = "";
console.debug(JUtil.empty(foo));
</script>
example
├── js
│ └── index.mjs
└── view
└── index.html
- example/js/index.mjs
import { JUtil } from "@nuka9510/js-util";
class Index {
constructor() {
this.onValueEmptyCheckClick = this.onValueEmptyCheckClick.bind(this);
this.init();
}
init() {
document.querySelectorAll('[data-action="value-empty-check-click"]').forEach((...arg) => { arg[0].addEventListener('click', this.onValueEmptyCheckClick); });
}
onValueEmptyCheckClick(ev) {
const value = document.querySelector('[data-name="value"]'),
result = document.querySelector('[data-name="result"]');
if (JUtil.empty(value.value)) {
result.innerHTML = 'true';
} else { result.innerHTML = 'false'; }
}
}
new Index();
- example/view/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div data-name="result"></div>
<div style="display: flex; flex-direction: column;">
<input type="text" data-name="value">
<div style="display: flex;">
<button data-action="value-empty-check-click">value-empty</button>
</div>
</div>
</body>
<script type="importmap">
{
"imports": { "@nuka9510/js-util": "https://cdn.jsdelivr.net/npm/@nuka9510/js-util/dist/index.mjs" }
}
</script>
<script type="module" src="../js/index.mjs"></script>
</html>