https://github.com/jsonfm/jsqt
A library to wrap DOM elements with an API similar to Qt/PyQt.
https://github.com/jsonfm/jsqt
cdn dom javascript typescript web
Last synced: 2 months ago
JSON representation
A library to wrap DOM elements with an API similar to Qt/PyQt.
- Host: GitHub
- URL: https://github.com/jsonfm/jsqt
- Owner: jsonfm
- Created: 2022-11-25T01:27:16.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-03-23T02:31:17.000Z (over 3 years ago)
- Last Synced: 2025-06-29T17:06:07.114Z (12 months ago)
- Topics: cdn, dom, javascript, typescript, web
- Language: TypeScript
- Homepage:
- Size: 835 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### JSQT
A library for wrap DOM elements with an API similar to Qt/PyQt.
### CDN
```
```
### Button
```js
const button = new jsqt.Button("some-element-id");
button.on("click", () => console.log("clicked!"));
```
### Toggle
```js
const led = new jsqt.Toggle("some-element-id", "onClass", "offClass");
console.log("led is checked:", led.isChecked());
```
### Label
```js
const label = new jsqt.Label("some-element-id");
label.setText("some text!");
console.log("text label: ", label.text());
label.clear(); // clears the label
```
### Dial
```js
const dial = new jsqt.Dial("dial");
const label = new jsqt.Label("label");
const dialChange = () => {
const text = `Angle: ${dial.angle().toFixed(2)}`;
label.setText(text);
}
// Events
dial.on("change", dialChange);
dial.on("pressed", () => console.log("Dial was pressed!"));
dial.on("release ", () => console.log("Dial was released!"));
```
### Base
```js
const element = new Base('some-element-id');
element.setValue(3.1416);
console.log("value: ", element.value());
element.setEnabled(true);
console.log("I'm enabled: ", element.isEnabled()); // true
element.setEnabled(false);
console.log("I'm enabled: ", element.isEnabled()); // true
```
### License
MIT