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: 19 days 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 (about 2 years ago)
• Default Branch: master
• Last Pushed: 2023-03-23T02:31:17.000Z (almost 2 years ago)
• Last Synced: 2025-01-07T01:02:02.313Z (29 days 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